React компоненттерінің деректері

Компонент деректері үш жерде сақталуы мүмкін: пропстарда, компонент айнымалылары мен тұрақтыларында, және стейттерде. Пропстарда компонентке оның ата-аналық компоненті сырттан жіберетін деректер сақталады. Бұл ретте компонент ішінде пропстар өзгеріссіз қалуы керек.

Айнымалыларда, тұрақтыларда және стейттерде компонент үшін жеке маңызды және ата-ана туралы білуге болмайтын жергілікті деректерді сақтау керек. Бұл ретте стейттерде әртүрлі оқиғаларда өзгеруі мүмкін және өзгерістер реактивті болуын қалайтын деректерді сақтау керек.

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

function Test() {
	// isEdit, elem және data анықтамасы
	
	if (isEdit) {
		elem = <input value={data} />;
	} else {
		elem = <span>{data}</span>;
	}
	
	return <div>
		{elem}
	</div>;
}

isEdit, elem және data не болуы мүмкін екенін анықтаңыз: пропс, стейт, айнымалы, немесе тұрақты.