Nilai Default di React

Terkadang mungkin diperlukan untuk membuat sebuah input sudah memiliki nilai tertentu secara default. Saat yang sama, diperlukan bahwa hanya nilai awal input yang diambil dari state, dan input itu sendiri tidak terikat ke state tersebut.

Untuk menyelesaikan tugas seperti ini, perlu digunakan atribut defaultValue:

jsxfunction App() {
  const [value, setValue] = useState('text');
  
  return <div>
    <input defaultValue={value} />
  </div>;
}

Untuk checkbox, terdapat atribut serupa defaultChecked, yang dapat digunakan untuk mengatur keadaan awal:

jsxfunction App() {
  const [checked, setChecked] = useState(true);
  
  return <div>
    <input type="checkbox" defaultChecked={checked} />
  </div>;
}