현재 버전

1. 에러의 이유는 useEffect()로 데이터를 받기 전에 이미 한번 렌더링이 진행되고 useRef(null)로 인해 scrollBox의 초기값도 null입니다. 그러므로 useEffect()가 처음 실행될때 null.scrollTop()를 찾게 됩니다.

2. 데이터를 받아오고 data.car.map()을 이용하여 받은 데이터를 화면에 표시할때 ref={scrollBox}를 사용하신 방법은 잘못되었습니다. car 배열에 100개의 요소가 있다면 마지막 요소의 ref만 scrollBox에 저장되게 됩니다.

3. scrollTop() 메소드는 없습니다. scrollTop 프로퍼티만 존재합니다.




수정 이력

2021-01-31 12:14:38 에 아래 내용에서 변경 됨 #1

1. 에러의 이유는 useEffect()로 데이터를 받기 전에 이미 한번 렌더링이 진행되고 useRef(null)로 인해 scrollBox의 초기값도 null입니다. 그러므로 useEffect()가 처음 실행될때 null.scrollTop()를 찾게 됩니다.

2. 데이터를 받아오고 다시 렌더링이 이루어질때 data.car.map()을 이용하여 받은 데이터를 화면에 표시하실때 ref={scrollBox}를 사용하신 방법은 잘못되었습니다. car 배열에 100개의 요소가 있다면 마지막 요소의 ref만 scrollBox에 저장되게 됩니다.

3. scrollTop() 메소드는 없습니다. scrollTop 프로퍼티만 존재합니다.