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:
function 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:
function App() {
const [checked, setChecked] = useState(true);
return <div>
<input type="checkbox" defaultChecked={checked} />
</div>;
}
Cuba sendiri cara atribut-atribut ini berfungsi.
