Nilai Lalai dalam React

Kadang-kadang, kita mungkin perlu membuat supaya secara lalai, input sudah mempunyai nilai tertentu. Pada masa yang sama, kita perlu memastikan bahawa hanya nilai awal input yang diambil dari keadaan (state), dan input itu sendiri tidak terikat kepada keadaan tersebut.

Untuk menyelesaikan tugas sedemikian, kita perlu menggunakan atribut defaultValue:

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

Untuk kotak semak (checkbox), terdapat atribut yang serupa defaultChecked, yang boleh digunakan untuk menetapkan keadaan awal:

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