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 |