เงื่อนไขสำหรับการคืนแท็กใน JSX
สามารถคืนผ่าน return ตัวแปร
ที่ประกอบด้วยแท็ก:
function App() {
let text;
const show = true;
if (show) {
text = <p>text1</p>;
} else {
text = <p>text2</p>;
}
return text;
}
ให้ค่าคงที่ isAdmin ประกอบด้วย
true หากผู้ใช้เป็นผู้ดูแลระบบ และ false
หากไม่ใช่:
function App() {
const isAdmin = true;
}
ทำให้หาก isAdmin
มีค่าเป็น true จะแสดง
div พร้อมกับย่อหน้า หากไม่เป็นเช่นนั้นก็ไม่ต้อง
แสดงอะไร