State là một cấu trúc dữ liệu bắt đầu với một giá trị mặc định khi một component “mount”. Nó có thể bị thay đổi theo thời gian, chủ yếu là do các sự kiện của người dùng.
Props (viết tắt của properties) là một cấu hình của component và chúng được nhận từ phía trên. Component không thể thay đổi các Props của nó, nhưng nó có trách nhiệm tập hợp các Props của các component con lại với nhau. Props không nhất thiết phải là dữ liệu - các hàm callback cũng có thể được chuyển vào làm Props.
State | Props | |
Nhận giá trị ban đầu từ thành phần gốc | Có | Có |
Thành phần cha có thể thay đổi giá trị | Không | Có |
Đặt giá trị mặc định bên trong thành phần | Có | Có |
Thay đổi bên trong thành phần | Có | Không |
Đặt giá trị ban đầu cho các thành phần con | Có | Có |
Thay đổi bên trong các thành phần con | Không | Có |
Một số chủ đề thú vị có thể bạn thích: