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