[React] Refs와 DOM

ryan·2021년 5월 13일
0

React

목록 보기
20/20
post-thumbnail

참고

Ref와 DOM

Ref는 DOM 노드나 render 메서드로 생성된 React element에 접근하는 방법을 제공한다.

Ref를 사용해야 할 때

Ref의 바람직한 사용 사례는 다음과 같다.

  • focus, text selection, 또는 media playback을 관리할 때
  • 애니메이션을 직접적으로 실행시킬 때
  • 서드 파티 DOM 라이브러리를 React와 같이 사용할 때

Ref를 남용하면 안된다.

Ref를 사용해서 todo 리스트 더해보기

Class Component
https://codesandbox.io/s/simpletodolistclass-bfqdi?file=/src/app.jsx

hooks
https://codesandbox.io/s/simpletodolisthooks-nu534?file=/src/app.jsx

profile
👨🏻‍💻☕️ 🎹🎵 🐰🎶 🛫📷

0개의 댓글