Data Komponen di React
Data komponen dapat disimpan di tiga tempat: dalam props, dalam variabel dan konstanta komponen, dan dalam state. Dalam props disimpan data yang dikirim ke komponen dari luar oleh komponen induknya. Di dalam komponen, props harus tetap tidak berubah.
Dalam variabel, konstanta, dan state seharusnya disimpan data lokal, yang penting bagi komponen itu sendiri dan tidak perlu diketahui oleh induknya. Namun, dalam state seharusnya disimpan data, yang dapat berubah dalam berbagai peristiwa dan Anda ingin perubahan tersebut bersifat reaktif.
Diberikan suatu komponen:
function Test() {
// definisi isEdit, elem dan data
if (isEdit) {
elem = <input value={data} />;
} else {
elem = <span>{data}</span>;
}
return <div>
{elem}
</div>;
}
Tentukan, apa yang bisa menjadi isEdit, elem dan
data: props, state, variabel, atau
konstanta.
