개발공부/웹
[React] Refs
개발자 찐빵이
2022. 4. 21. 00:59
728x90
HTML과 바닐라 JS를 사용 시에는 DOM 요소를 가져올 때 querySelector를 사용했다.
react에서는 Ref를 사용해서 같은 동작을 할 수 있다.
리액트에서는 돔 요소를 직접 접근하지 않는다.
사용방법
//Ref 생성
inputRef = React.createRef();
...
//원하는 요소에 ref 연결
<input ref={inputRef} />
inputRef.current.value
에는 input의 value가 들어있다. (양방향 바인딩)
반응형