Các phương thức lifecycle React
Các phương thức khác nhau được thực thi tại các điểm cụ thể trong chu kì sống của một component: những cái này gọi
là các phương thức lifecycle. Hiểu chúng làm việc như thế nào là quan trọng vì chúng cho phép bạn thực hiện các
hành động cụ thể tại các điểm khác nhau trong tạo và hủy một component. Ví dụ, giả sử bạn muốn thực hiện một lời
gọi API cái trả về một vài dữ liệu. Bạn có thể muốn đảm bảo component đã sẵn sàng để duyệt dữ liệu này, nên bạn
thực hiện lời gọi API một khi component được tạo trong một phương thức gọi là componentDidMount. Trong học phần này,
chúng ta sẽ đi qua các phương thức lifecycle và giải thích chúng làm việc như thế nào.
Cuộc sống của một React component có 3 giai đoạn: tạo (mounting), cập nhật và xóa (unmounting). Suốt 3 giai đoạn
này, bạn có thể hook vào 3 tập phương thức lifecycle:
+ Mounting (tạo) – Khi một component được tạo, một chuỗi các phương thức lifecycle được châm ngòi và bạn có tùy chọn
hook vào bất cứ hay tất cả chúng:constructor, getDerivedStateFromProps, render, và componentDidMount. Một phương
thức như vậy bạn vừa sử dụng trước đây là render, cái duyệt và trả về một UI.
+ Cập nhật – Khi một component cập nhật, các phương thức lifecycle cập nhật được châm ngòi: getDerivedStateFromProps
(khi props thay đổi), shouldComponentUpdate, render, getSnapshotBeforeUpdate, và componentDidUpdate. Một cập nhật
có thể xảy ra trong một hai cách sau:
– Khi setState hay forceUpdate được gọi bên trong một component
– Khi các props mới được truyền xuống vào component.
+ Unmounting – Khi component bị xóa, một phương thức chu kì sống cuối cùng được châm ngòi: componentWillUnmount.