Ref

박진·2021년 3월 19일
0

React에서 자바스크립트처럼 DOM요소에 접근할려면 조금은 다른방법으로 접근해야한다.
바로 ref를 써야하는것인데, 사용법은 간단하다

Ref생성하기

myRef(생성할이름 보통끝에 ref를붙인다) = React.createRef();

끝이다. 이렇게 생선한 ref를 이제 필요한 요소에 넣어주기만 하면된다.

Ref불러오기

예로 input 태그의 value값을 받아온다고 생각해보자. 그럴때 아래와 같이만하면된다.

myRef = React.createRef();
onSubmit = () =>{
	const name = this.inputRef.current.value;
}

render(){
return(
<input ref={this.myRef} />
)}

fucntion을 이용했을때에는,

useRef이다

profile
Hello :)

0개의 댓글