Dữ liệu thành phần trong React

Dữ liệu thành phần có thể được lưu trữ ở ba nơi: trong props, trong các biến và hằng số của thành phần, và trong state. Props lưu trữ dữ liệu được gửi từ bên ngoài vào thành phần bởi thành phần cha của nó. Trong nội bộ thành phần, props phải được giữ nguyên, không thay đổi.

Trong các biến, hằng số và state nên lưu trữ dữ liệu cục bộ, quan trọng đối với chính thành phần và cha của nó không cần biết đến. Trong đó, state nên lưu trữ dữ liệu có thể thay đổi trong các sự kiện khác nhau và bạn muốn những thay đổi đó có tính phản ứng (reactive).

Cho một thành phần:

function Test() {
	// định nghĩa isEdit, elem và data
	
	if (isEdit) {
		elem = <input value={data} />;
	} else {
		elem = <span>{data}</span>;
	}
	
	return <div>
		{elem}
	</div>;
}

Xác định isEdit, elem và data có thể là gì: prop, state, biến, hoặc hằng số.