Kontrollerad komponent
Ett formulärelement vars värde styrs av React-state, så att React alltid vet och kontrollerar vad fältet innehåller.
I en kontrollerad komponent är ett formulärfälts värde kopplat till state via value-attributet och uppdateras via onChange-hanteraren. React har alltid full kontroll — du kan validera, transformera eller begränsa input i realtid.
Alternativet är en okontrollerad komponent där webbläsaren hanterar värdet och du läser det via en ref vid behov. Okontrollerade komponenter kräver mindre kod men ger sämre kontroll.
Kontrollerade komponenter passar de flesta formulärscenarier. Bibliotek som React Hook Form optimerar prestanda och minskar boilerplate — de använder en hybridstrategi som ger kontrollens fördelar utan onödiga omrenderingar.