Trung BìnhReact iconReact

Prop drilling là gì? Làm sao giải quyết vấn đề này trong dự án lớn?

Prop drilling là tình trạng phải truyền props qua nhiều tầng component trung gian, dù những component đó không thực sự sử dụng props đó — chỉ đóng vai trò chuyển tiếp.

Điều này làm code khó bảo trì và khó refactor.

Giải pháp phổ biến gồm:

  1. Context API cho state toàn cục đơn giản như theme hoặc user info,
  2. Redux hoặc Zustand cho state phức tạp cần nhiều nơi truy cập,
  3. composition pattern — truyền JSX làm children thay vì truyền data qua props

Nên chọn giải pháp phù hợp với quy mô dự án, không nên dùng Redux cho mọi trường hợp.

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

Mở danh sách React