Ref

2021. 4. 10. 18:50개발공부/리액트 기초

React.createRef() 함수를 사용해 React요소를 가지고 올 수 있다.

componentDidMount대신 조금 더 리액트스러운 방법이다.

 

리액트 요소 -> 가상돔을 만들고 돔에 올라감

1. 돔 요소를 가지고 오고싶다면 요소부터 만든다. 

2. 위로 올라가서 ref만든다. -> constructor에서 선언함

3. 아래의 text input과 매칭 시켜준다.

4. 콘솔을 찍어 확인해본다.

current에 들어있는 것을 확인 할 수있는데, 이 말은 create ref는 우리가 가져오고 싶어하는 것을 current라는 변수명 안에 넣어주는 것

 

'개발공부 > 리액트 기초' 카테고리의 다른 글

[project_nemo] 함수형 컴포넌트 state관리  (0) 2021.04.11
[project_nemo] 클래스형 컴포넌트 state 관리  (0) 2021.04.10
라이프 사이클  (0) 2021.04.10
styled-components  (0) 2021.04.10
SCSS  (0) 2021.04.10