Pengendali Ternari dalam JSX

Seperti yang anda sudah ketahui, di dalam kurungan kerawang anda boleh menjalankan kod JavaScript. Sebenarnya kod ini bukan sebarang kod, hanya yang paling mudah.

Khususnya, keadaan if tidak boleh digunakan di sana. Sebaliknya, anda harus menggunakan versi keadaan yang disingkatkan.

Mari bergantung pada nilai pemalar show untuk memaparkan satu teks atau teks yang lain. Mari gunakan untuk ini pengendali ternari:

function App() {
	const show = true;
	
	return <div>
		{show ? 'text1' : 'text2'}
	</div>;
}

Anda boleh bekerja bukan hanya dengan teks, tetapi juga dengan teg:

function App() {
	const show = true;
	
	return <div>
		{show ? <p>text1</p> : <p>text2</p>}
	</div>;
}

Diberi kod berikut:

function App() {
	const age = 19;
	
	return <div>
		
	</div>;
}

Jika dalam age ditulis lebih daripada 18 tahun, maka dalam teks teg div tunjukkan kepada pengguna perenggan dengan satu teks, dan jika kurang - maka dengan teks yang lain.