React.MutableRefObject 는 수정이 불가하다는거까지는 파악을했는데..(틀리면 말씀좀 부탁드립니다 ㅠㅠ);
제 코드에서 그럼 어떻게 고쳐야하는지를 모르겠습니다.....
마우스 휠 이벤트 인데요,
const ContainerRef = useRef<any>();
useEffect(() => {
ContainerRef.current?.addEventListener(
'wheel',
(e: React.WheelEvent<HTMLDivElement>) => {
e.preventDefault();
console.log(ContainerRef.current?.scrollLeft);
ContainerRef.current?.scrollLeft += e.deltaY;
// 굵게 표시한부분 에러가 이렇게 나타남
// (할당 식의 왼쪽은 선택적 속성 액세스일 수 없습니다.ts(2779)
문제 보기 (<Alt>+F8))
// 할당 식의 왼쪽은 선택적 속성 액세스일 수 없습니다.ts(2779)
(property) React.MutableRefObject<any>.current: any
}
);
}, []);
이런상황입니다..
const ContainerRef = useRef<any>();
이부분을
const ContainerRef = useRef<number>(); 로 바꾸면 이번엔
ContainerRef.current?.addEventListener() 이부분에서 타입에러가 발생합니다.
아직 선생님 타입강의 다 듣지도않고 초반부분만 보고 걸음마하기도전에 뛰고있는 실상이지만....
이럴땐 어떻게 만져줘야할까요?