Conditional rendering trong React được thực hiện như thế nào?

Trong React, conditional rendering được thực hiện bằng các biểu thức JavaScript thông thường. Các cách phổ biến:

1. Toán tử ba ngôi (Ternary operator): Dùng để toggle giữa 2 thành phần.

{isLoggedIn ? <Dashboard /> : <Login />}

2. Toán tử Logical AND (&&): Dùng để hiển thị hoặc ẩn một thành phần.

{isLoading && <Spinner />}

(Cảnh báo: Tránh dùng count && <List />. Nếu count là 0, React sẽ render số 0. Hãy dùng count > 0 && <List />)

3. Lệnh if/else (hoặc switch): Dùng bên ngoài câu lệnh return cho các logic phức tạp, thường gán kết quả vào một biến rồi render.