React에서 제어되는 구성 요소와 제어되지 않는 구성 요소는 무엇입니까?

Question

React documentation on DOM elements을 읽을 때. 그것은 React에서 통제 된 구성 요소와 제어되지 않는 구성 요소를 언급합니다. 그들은 무엇이며 어떻게 다른가?

Answer 1

이 상태 DOM 성분 (폼 요소)에 관한 상기 반작용 문서 차이 설명 :

• Controlled Component는 onChange 같은 콜백 통해 변경 props 통해 전류의 값을 취하고 통지 일이다. 부모 구성 요소는 콜백을 처리하고 자체 상태를 관리하고 제어 된 구성 요소에 새 값을 소품으로 전달하여이를 "제어"합니다. 당신은 또한 이것을 "바보 같은 구성 요소"라고 부를 수 있습니다.
• Uncontrolled Component은 자신의 상태를 내부적으로 저장하는 곳이며 ref을 사용하여 DOM을 쿼리하면 필요할 때 현재 값을 찾을 수 있습니다. 이것은 전통적인 HTML과 조금 더 비슷합니다.

대부분의 (또는 모든) 경우에 you should use controlled components.