Komponent məlumatları React-də

Komponent məlumatları üç yerdə saxlana bilər: proplarda, komponentin dəyişənlərində və sabitlərində, və state-lərdə. Proplarda komponentin xaricdən valideyn komponenti tərəfindən göndərilən məlumatlar saxlanılır. Eyni zamanda, komponent daxilində proplar dəyişməz qalmalıdır.

Dəyişənlərdə, sabitlərdə və state-lərdə şəxsi olaraq komponent üçün vacib olan və valideyn tərəfindən bilinməməsi lazım olan lokal məlumatlar saxlanmalıdır. Eyni zamanda, state-lərdə müxtəlif hadisələrdə dəyişə bilən və dəyişikliklərin reaktiv olmasını istədiyiniz məlumatlar saxlanmalıdır.

Müəyyən bir komponent verilmişdir:

function Test() {
	// isEdit, elem ve data-nın təyin edilməsi
	
	if (isEdit) {
		elem = <input value={data} />;
	} else {
		elem = <span>{data}</span>;
	}
	
	return <div>
		{elem}
	</div>;
}

isEdit, elem və data-in nə ola biləcəyini müəyyən edin: prop, state, dəyişən, ya da sabit.