How can you conditionally render content in JSX?

Đáp án đúng: "By using the ternary operator {condition ? trueContent : falseContent}". Bên trong JSX, cặp ngoặc nhọn chỉ nhận biểu thức JavaScript (expression), tức thứ trả về một giá trị, chứ không nhận câu lệnh (statement). Toán tử ba ngôi là biểu thức nên đặt thẳng trong JSX được: điều kiện đúng thì trả về nhánh thứ nhất, sai thì trả về nhánh thứ hai; tương tự có thể dùng toán tử && khi chỉ cần một nhánh. "By using the if statement" sai vì if là câu lệnh, không viết được giữa JSX; nó chỉ dùng ở phần thân hàm phía trên return để chọn JSX nào trả về. "By using the for loop" là câu lệnh lặp, không dùng để chọn hiển thị theo điều kiện và cũng không đặt được trong JSX; muốn lặp danh sách thì dùng map. "By using the switch statement" cũng là câu lệnh nên không đặt trực tiếp trong JSX, chỉ dùng bên ngoài return hoặc tách thành hàm riêng.