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:

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

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

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

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