useRef

Web Programming/React.js

#React useRef사용 해보기

이번 시간에는 useRef를 사용할 것이다 useRef는 참조한 DOM객체를 뜻한다 일단 뭔 말인지 모를 것이니, 바로 실습 들어간다 사용방법은 useRef를 Import 한 뒤에 아래를 추가한다. 밑에 화면을 참조하도록 하자 const myRef = useRef(); 그리고 테스트를 해보기 위해서 TextBox 2개랑 Button 하나만 추가해 보자 그다음은 myRef를 어디 어떻게 쓰는지 보여주도록 하겠다 당신이 원하는 DOM에다가 속성 ref를 추가하고 값을 저렇게 넣어주면 된다 그다음 함수 ( clickEvent )를 만들어 볼까? const clickEvent = () => { console.log(myRef.current); } 함수를 추가하고 console.log로 한번 내용을 보도록 하자 ..

INICO
'useRef' 태그의 글 목록