리액트에서 실제 DOM에 접근해야할때
돔 요소에 focus를 주거나 dom요소의 크기나 스크롤 위치를 알고 싶은 경우
ref속성값을 이용할 경우 자식요소에 직접 접근 할 수 있음.
자식요소는 컴포넌트나 돔요소일수도있다.
Hook은 class 안에서는 동작하지 않습니다. 대신 class 없이 React를 사용할 수 있게 해주는 것입니다.
ko.reactjs.org/docs/hooks-overview.html
- 최상위(at the top level)에서만 Hook을 호출해야 합니다. 반복문, 조건문, 중첩된 함수 내에서 Hook을 실행하지 마세요.
- React 함수 컴포넌트 내에서만 Hook을 호출해야 합니다. 일반 JavaScript 함수에서는 Hook을 호출해서는 안 됩니다. (Hook을 호출할 수 있는 곳이 딱 한 군데 더 있습니다. 바로 직접 작성한 custom Hook 내입니다. 이것에 대해서는 나중에 알아보겠습니다.)
'Frontend > React' 카테고리의 다른 글
13.리액트 내장 훅 (0) | 2021.01.01 |
---|---|
12.엘리먼트, 컴포넌트,인스턴스 (0) | 2020.12.30 |
10. 리액트 context API로 데이터 전달 (0) | 2020.12.28 |
09. React Local Storage (0) | 2020.12.28 |
07. 훅 사용시 지켜야할 것. (0) | 2020.12.27 |