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

Маълумотҳои компонентҳо метавонанд дар се ҷо нигоҳ дошта шаванд: дар пропсҳо, дар тағирёбандаҳо ва доимиҳои компонент, ва дар стейтҳо. Дар пропсҳо маълумоте нигоҳ дошта мешавад, ки компонент аз беруна тавассути компоненти волидайн ба он фиристода мешавад. Дар ин ҳол дар дохили компонент пропсҳо бояд тағирнаёбанд.

Дар тағирёбандаҳо, доимиҳо ва стейтҳо бояд маълумоти маҳаллӣ нигоҳ дошта шавад, ки барои худи компонент муҳим аст ва волидайн набояд аз он огоҳ бошад. Дар ин ҳол дар стейтҳо бояд маълумот нигоҳ дошта шавад, ки метавонад дар рӯйдодҳои гуногун тағир ёбад ва дар ин ҳол шумо мехоҳед, ки тағирот реактивӣ бошанд.

Як компоненти муайян дода шудааст:

function Test() {
	// муайян кардани isEdit, elem ва data
	
	if (isEdit) {
		elem = <input value={data} />;
	} else {
		elem = <span>{data}</span>;
	}
	
	return <div>
		{elem}
	</div>;
}

Муайян кунед, ки isEdit, elem ва data чӣ метавонанд бошанд: пропс, стейт, тағирёбанда, ё доими.