การแสดงผลตามเงื่อนไขใน React

สามารถทำได้ให้ข้อความแสดงผล ถ้าใน show เป็น true และไม่ แสดงผล ถ้าในนั้นเป็น false:

jsxfunction App() {
  let text;
  const show = true;
  
  if (show) {
    text = <p>text</p>;
  }
  
  return <div>
    {text}
  </div>;
}
Задание 1

ให้ค่าคงที่ isAdult เก็บ true ถ้าผู้ใช้มีอายุถึง 18 ปีแล้ว และ false ถ้ายังไม่ถึง:

jsxfunction App() {
  const isAdult = true;
  
  
}

ทำให้ขึ้นอยู่กับค่า isAdult บนหน้าจอจะแสดงย่อหน้าหนึ่ง กับข้อความ หรืออีกย่อหน้าหนึ่ง