Cơ BảnReact iconReact

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

Có nhiều cách: toán tử ba ngôi isLoggedIn ? <Dashboard /> : <Login />, toán tử && isLoading && <Spinner />, hoặc if/else bên ngoài return.

  • Trong thực tế, ternary dùng cho toggle giữa 2 component, && dùng để hiển thị/ẩn một component.
  • Cần tránh count && <List /> vì nếu count=0, React render số 0 thay vì không render gì.

Xem toàn bộ React cùng filter theo level & chủ đề con.

Mở danh sách React