Czym są kontrolowane komponenty i niekontrolowane komponenty w React?

Question

Po przeczytaniu React documentation on DOM elements. Wymienia kontrolowane komponenty i niekontrolowane komponenty w React. Czym one są i czym się różnią?

Answer 1

ten dotyczy stanowych elementów składowych DOM (postaci), a Dokumenty React wyjaśnić różnicę:

• Controlled Component jest, że wykonuje bieżącą wartość przez props i powiadamia zmiany poprzez wywołania zwrotne jak onChange. Komponent macierzysty "kontroluje" go przez obsługę wywołania zwrotnego i zarządzanie własnym stanem i przekazywanie nowych wartości jako rekwizytów do kontrolowanego komponentu. Można również nazwać to "głupim komponentem".
• A Uncontrolled Component to taki, który przechowuje własny stan wewnętrznie, a zapytanie do DOM za pomocą ref, aby znaleźć jego aktualną wartość, gdy jej potrzebujesz. To trochę bardziej jak tradycyjny HTML.

W większości (lub wszystkich) przypadkach you should use controlled components.