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

Компонент маълумотлари учта жойда сақланиши мумкин: пропсларда, компонентнинг ўзгарувчилари ва константаларида, ва стейтларда. Пропсларда компонентга унинг ташқаридан юборадиган ота-она компоненти сақлайдиган маълумотлар сақланади. Бунда компонент ичида пропслар ўзгармас бўлиши керак.

Ўзгарувчилар, константалар ва стейтларда компонентга шахсий муҳим бўлган ва ота-онаси билмаслиги керак бўлган маҳаллий маълумотларни сақлаш керак. Бунда стейтларда турли вокеаларда ўзгариши мумкин бўлган ва сиз ўзгаришлар реактив бўлишини истаган маълумотларни сақлаш керак.

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

function Test() {
	// isEdit, elem ва data ни аниклаш
	
	if (isEdit) {
		elem = <input value={data} />;
	} else {
		elem = <span>{data}</span>;
	}
	
	return <div>
		{elem}
	</div>;
}

isEdit, elem ва data нима бўлиши мумкинлигини аникланг: пропс, стейт, ўзгарувчи, ёки константа.