Component life cycles

[Hoa0304]

[Hoa0304]

constructor()

• Được phép dùng.
• Nhớ có super(props)
• Khai báo state.
• Định nghĩa properties của component.

[Hoa0304]

componentDidMount() : được dùng 1 lần

• Được phép dùng.
• Khởi tạo dữ liệu cho component: gọi API, biến đổi dữ liệu, cập nhật state.
• Gửi tracking page view (GA, FacebookPixel,...)

[Hoa0304]

componentWillUnmount() : khi component bị hủy bỏ đi (chuyển trang, Không render lên màn hình).

• Run 1 lần trong 1 vòng đời của component.
• Clear timeout hoặc interval nếu có dùng.
• Reset dữ liệu trên redux nếu cần thiết.

[Hoa0304]

componentDidUpdate(): diễn ra khi có mỗi props thay đổi hoặc state thay đổi

• Cực kì hạn chế dùng.
• ADVANCED chỉ dùng nếu muốn handle update component khi click nút back mà trên URL có query params.
• Không nên dùng setSate (dễ bị vòng lặp vô tận).