How target DOM with react useRef in map
const Component = () => {
const items = Array.from({length: 2}, a => useRef(null));
return (
<ul>
{['red', 'orange', 'yellow', 'green', 'blue'].map((el, i)) => (
<li key={el} ref={items[i]}>{el}</li>
)}
</ul>
)
}ref를 배열로 선언하여, 배열의 map 함수 내의 index를 이용하여 접근할 수 있습니다.
(참고) stackoverflow - how target dom with react useRef in map
