참고
- https://www.udemy.com/course/react-redux/learn/lecture/20787850#questions
- https://reactjs.org/docs/refs-and-the-dom.html
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
👨🏻💻☕️ 🎹🎵 🐰🎶 🛫📷