[react/useRef] ref 를 배열로 관리하는 샘플

By | 3월 4, 2022

개요

  • 가변적으로 row가 추가되는 동적 UI에서 각 컴포넌트의 데이터 초기화, focus 등을 수행하기 위해 ref 가 필요한 사례가 있었음.
    (ref 배열, array)

소스

const testRefs = useRef<any>([]);
...

<Input
    ref={ (el) => (testRefs.current[idx] = el) }
    ...
/> 

...
const ref = testRefs.current[idx];
...
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments