Controlled vs Uncontrolled

Definition

Un input controle est pilote par le state React (source de verite dans React). Un input non controle garde sa propre valeur dans le DOM (source de verite dans le DOM).

Analogie

Comme conduire avec ou sans volant assiste.

Exemple de code

class="cmt">// Controle
<input value={val} onChange={e => setVal(e.target.value)} />
class="cmt">// Non controle
<input defaultValue=class="str">"init" ref={inputRef} />