Please enable JavaScript.
Coggle requires JavaScript to display documents.
State (Note (Không thay đổi state một cách trực tiếp (Component sẽ không…
State
Note
Không nên phụ thuộc vào props truyển vào
Nên cấu trúc state đơn giản và dễ thao tác nhất
Không so sánh, tính toán ở
render()
Khối lượng code ở trong một phương thức là không nên
Không lưu trữ các giá trị vào trong cùng một đối tượng của một component như là một thuộc tính
Không thay đổi state một cách trực tiếp
Component sẽ không tự động render
Việc thay đổi giá trị của một state trực tiếp chỉ được thực hiện ở trong constructor
State được update một cách không đồng bộ
Giới thiệu
State (component cha) thường kết thúc là props của các component con
Giới hạn trong component hiện tại
1 component có thể được khởi tạo và udpate
Thường được gọi là local or encapsulated
Vì nó không thể truy cập tới bất kỳ component nào khác hơn là bản thân component set nó
Loại
Stateless
Có thể sử dụng function or class để tạo stateless
Khi sử dụng life-cycle thì không nên dùng stateless
Lợi ích
Dễ viết
Dễ hiểu
Dễ kiểm tra
Tránh được từ khóa
this
Bất lợi
Ảnh hưởng đến hiệu suất hoạt động
không sử dụng life-cycle
Statefull
Luôn là class component
có một state khởi tạo trong constructor
setState
Update
Chấp nhận một new object với trạng thái mới
Nên truyền vào một hàm update
(preState, props)=>stateChange
Một tham chiết đến state trước và đảm bảo là mới nhất
props: đề cập đến props của component
Link image