Komponentdata in React
Komponentdata kan in drie plekke gestoor word: in props, in veranderlikes en konstantes van die komponent, en in state. In props word data gestoor wat deur die ouerkomponent van buite af na die komponent gestuur word. Binne die komponent moet props onveranderd bly.
In veranderlikes, konstantes en state moet plaaslike data gestoor word wat vir die komponent self belangrik is en waarvan die ouer nie bewus hoef te wees nie. In state moet data gestoor word wat in verskeie gebeurtenisse kan verander en waarvan jy wil hê die veranderinge reaktief moet wees.
'n Sekere komponent word gegee:
function Test() {
// definisie van isEdit, elem en data
if (isEdit) {
elem = <input value={data} />;
} else {
elem = <span>{data}</span>;
}
return <div>
{elem}
</div>;
}
Bepaal wat isEdit, elem en
data kan wees: 'n prop, state, 'n veranderlike, of
'n konstante.
