개발공부/웹

[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가 들어있다. (양방향 바인딩)

반응형

'개발공부 > ' 카테고리의 다른 글

[React] memo와 react hook  (0) 2022.04.23
React의 pureCompoent 특징  (0) 2022.04.23
[React] State  (0) 2022.04.19
[React] FonteAwesome 사용하기  (0) 2022.04.19
[React] html과 jsx의 차이  (0) 2022.04.19