useRef

With·2021년 3월 9일
0
post-thumbnail

useRef

내가 원하는 노드를 컨트롤 할 수 있다.

  1. 수신기를 만든다.
    수신기의 이름은 textRef이다.
const textRef = useRef();
  1. 수신기를 달아준다.
    수신기는 ref={} 에 장착한다.
const App = () => {
return (
 <div ref={textRef}>hello world!</div>
}
  1. 그리고 수신기를 단 노드를 내 마음대로 가지고 논다.
const onClickHandler = () => {
  setText(""); //input Bx를 빈칸으로 만들고, 
  textRef.current.focus() // Focusing을 버튼에서 input Bx로 옮겨가게 한다.
}

수신기라는 표현은 개인적인 표현입니다. 🥱

profile
주니어 프론트엔드 개발자 입니다.

0개의 댓글