Was sind kontrollierte Komponenten und unkontrollierte Komponenten in React?

Question

Wenn ich das React documentation on DOM elements lese. Es erwähnt kontrollierte Komponenten und unkontrollierte Komponenten in React. Was sind sie und wie unterscheiden sie sich?

Answer 1

Dies bezieht dich auf Stateful DOM Komponenten (Form-Elemente) und die Dokumentation erklären reagieren, um die Differenz:

• Controlled Component A ist einer, der seinen aktuellen Wert durch props nimmt und meldet Änderungen durch Rückrufe wie onChange. Eine übergeordnete Komponente "steuert" sie, indem sie den Callback behandelt und ihren eigenen Status verwaltet und die neuen Werte als Requisiten an die gesteuerte Komponente übergibt. Man könnte dies auch eine "dumme Komponente" nennen.
• Eine ist eine, die ihren eigenen Zustand intern speichert, und Sie fragen das DOM mit einer ref, um seinen aktuellen Wert zu finden, wenn Sie es brauchen. Dies ist ein bisschen mehr wie traditionelles HTML.

In den meisten (oder allen) Fällen you should use controlled components.