React'ta Bileşen Verileri
Bileşen verileri üç yerde saklanabilir: prop'lar, bileşenin değişken ve sabitlerinde ve state'lerde. Prop'larda, bileşenin dışından, ebeveyn bileşeni tarafından gönderilen veriler saklanır. Bu durumda, bileşen içinde prop'lar değişmez kalmalıdır.
Değişkenlerde, sabitlerde ve state'lerde ise bileşenin kendisi için önemli olan ve ebeveynin bilmesi gerekmediği yerel veriler saklanmalıdır. Bu durumda, state'lerde çeşitli olaylarda değişebilen ve değişikliklerin reaktif olmasını istediğiniz veriler saklanmalıdır.
Belirli bir bileşen verildi:
function Test() {
// isEdit, elem ve data'nın tanımı
if (isEdit) {
elem = <input value={data} />;
} else {
elem = <span>{data}</span>;
}
return <div>
{elem}
</div>;
}
isEdit, elem ve
data'nın ne olabileceğini belirleyin:
prop, state, değişken veya sabit.
