React компоненттериндеги маалыматтар

Компонент маалыматтары үч жерде сакталышы мүмкүн: пропстарда, компоненттин өзгөрмөлөрү жана константаларында, жана стейттерде. Пропсарда, компоненттин сырттан ата-энеси компонент тарабынан жөнөтүлгөн маалыматтар сакталат. Бул учурда компоненттин ичинде пропсар өзгөрбөй турушу керек.

Өзгөрмөлөрдө, константаларда жана стейттерде компонентке жеке маанилүү болгон жана ата-энесине билиш керек эмес болгон жергиликтүү маалыматтарды сактоо керек. Бул учурда стейттерде ар кандай окуяларда өзгөрүшү мүмкүн болгон жана сиз бул өзгөрүүлөрдүн реактивдүү болушун каалаган маалыматтарды сактоо керек.

Белгилүү бир компонент берилген:

function Test() {
	// isEdit, elem жана data аныктоо
	
	if (isEdit) {
		elem = <input value={data} />;
	} else {
		elem = <span>{data}</span>;
	}
	
	return <div>
		{elem}
	</div>;
}

isEdit, elem жана data эмне боло алышат аныктаңыз: пропс, стейт, өзгөрмө, же константа.