Co to jest kontrolowane pole formularza?

To pole, którego aktualna wartość pochodzi ze stanu aplikacji. Komponent dostaje value, a zmiana przez użytkownika wywołuje handler aktualizujący stan. Dzięki temu mogę sprawdzić dane, pokazać błąd i sterować wartością pola.

Przykładem jest wyszukiwarka z value={query} i zmianą query w onChange. Pole niekontrolowane przechowuje swoją bieżącą wartość głównie w DOM; aplikacja może odczytać ją w potrzebnym momencie. Biblioteki formularzy często łączą te podejścia, żeby ograniczyć niepotrzebną pracę. Ważne, aby nie przełączać przypadkiem pola między kontrolowanym i niekontrolowanym, np. przez zmianę undefined na tekst.