useRef Dom 요소 여러개 선택하기


useRef Dom 요소 여러개 선택하기

무한 스크롤을 구현하다 useRef로 요소를 선택해야 했다. 그래서 찾아보니 이 방식으로 하면 요소를 여러개 선택할 수 있었다. 1. 객체로 ref를 생성 const divRef = useRef<HTMLDivElement | any>({}); 2. 반복되는 객체에 ref를 선언한뒤 함수 형태로 작성 {data?.pages[0].data.map((page: Page, index: number) => { return ( <div css={infoBox} key={index} ref={(ref) => (divRef.current[index] = ref)} > </div> 3. ref를 console에 입력하면 여러개가 들어가있다....

useRef Dom 요소 여러개 선택하기에 대한 요약내용입니다.

자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.


#dom #useRef #다중선택 #여러요소선택

원문링크 : useRef Dom 요소 여러개 선택하기