Sự khác biệt giữa Presentational component và Container component là gì?

{{FormatNumbertoThousand(model.total_like)}} lượt thích
2.404 lượt xem
Reactjs junior
  • Các Presentational component quan tâm đến cách mọi thứ trông như thế nào. Chúng thường chỉ nhận dữ liệu và gọi lại thông qua Props. Những component này hiếm khi có state riêng của chúng, nhưng khi chúng có thì thường liên quan đến state về giao diện người dùng (ví dụ state để ẩn hiện button hay text gì đó), trái ngược với state về dữ liệu (như tên của user đăng nhập chẳng hạn).
  • Các Container component quan tâm hơn đến cách mọi thứ hoạt động. Các component này cung cấp dữ liệu và hành vi cho các Presentational conponent hoặc các Container component khác. Chúng gọi các hành động Flux và cung cấp những hành động này dưới dạng callback cho các Presentational component. Chúng cũng thường đóng vai trò là nguồn dữ liệu.
{{login.error}}