Data Komponen dalam React

Data komponen boleh disimpan di tiga tempat: dalam props, dalam pembolehubah dan pemalar komponen, dan dalam state. Dalam props disimpan data yang dihantar kepada komponen dari luar oleh komponen induknya. Dalam pada itu, di dalam komponen, props harus kekal tidak berubah.

Dalam pembolehubah, pemalar dan state, sepatutnya disimpan data tempatan yang penting bagi komponen itu sendiri dan yang tidak perlu diketahui oleh induk. Dalam pada itu, dalam state sepatutnya disimpan data, yang boleh berubah dalam pelbagai peristiwa dan pada masa yang sama anda mahu, agar perubahan tersebut adalah reaktif.

Diberikan suatu komponen:

function Test() {
	// definisi isEdit, elem dan data
	
	if (isEdit) {
		elem = <input value={data} />;
	} else {
		elem = <span>{data}</span>;
	}
	
	return <div>
		{elem}
	</div>;
}

Tentukan, apakah yang mungkin bagi isEdit, elem dan data: prop, state, pembolehubah, atau pemalar.