Điều gì xảy ra khi bạn gọi "setState"?

{{FormatNumbertoThousand(model.total_like)}} lượt thích
3.399 lượt xem
Reactjs junior

Điều đầu tiên React sẽ làm khi setState được gọi là merge tham số (là object bạn đã truyền vào setState) vào state hiện tại của component. Điều này sẽ bắt đầu một quá trình được gọi là reconciliation. Mục tiêu cuối cùng của reconciliation là cập nhật UI dựa trên state mới này theo cách hiệu quả nhất có thể.

Để làm điều này, React sẽ xây dựng một tree mới gồm các React element (bạn có thể coi đây là một object đại diện cho UI của bạn). Khi nó có tree này, để tìm ra UI sẽ thay đổi như thế nào dựa theo state mới, React sẽ so sánh tree mới này với tree trước đó.

Bằng cách này, React sẽ biết chính xác những thay đổi đã xảy ra và bằng cách biết chính xác những gì đã thay đổi, sẽ chỉ cập nhật trên DOM những thay đổi đó.

{{login.error}}