Frontend/React

11. ref속성

섕걍 2020. 12. 28. 17:58

리액트에서 실제 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