Controlled and uncontrolled components?

Najpierw odpowiedz na głos lub w myślach, potem porównaj.

Odpowiedź

Controlled input:

JSX

const [name, setName] =
  useState("");

<input
  value={name}
  onChange={e =>
    setName(e.target.value)
  }
/>

React kontroluje wartość.

Uncontrolled:

JSX

const inputRef = useRef();

<input ref={inputRef} />

DOM przechowuje wartość.

Controlled inputs dają łatwiejszą:

Jak poszło? Bądź szczery — „Jeszcze nie” dodaje pytanie do powtórki.