Functional Component 에서 Ref 사용법

1.

함수형 컴포넌트에서 렌더링 요소를 가리키기 위해서는 React Hooks 중 하나인 'usRef'를 사용한다.

 

2.

import {useRef} from 'react';
//...

const textInputRef = useRef();

//...

<TextInput ref={textInputRef} onChangeText={setText} style={styles.input}/>

react native 의 렌더링 요소에서 ref prop로 위에서 할당한 useRef 객체를 넘겨주면된다.