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