Cơ BảnReact iconReact

Sự khác biệt giữa null, undefined, false và chuỗi rỗng khi render trong JSX là gì?

React bỏ qua và không render null, undefined, false — đây là cơ chế cho conditional rendering.

  • Chuỗi rỗng '' cũng không hiển thị gì.
  • Tuy nhiên số 0 sẽ được render thành chữ số 0 trên màn hình — đây là lỗi hay gặp khi viết {count && <List />} và count bằng 0.
  • Cách fix: dùng ternary {count > 0 ? <List /> : null} để luôn trả về boolean hoặc null.

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

Mở danh sách React