當我同時設置更改狀態和未更改狀態時，React Virtual DOM如何工作？

Question

React Virtual DOM如何區分舊的內存DOM和新的內存DOM？ 具體來說，我只設置更改后的狀態與設置更改后的狀態和未更改的狀態之間有什么區別嗎？ Set Object和Number之間有什么區別嗎？

例如：當前狀態為{name: 'Eric', id: '1234567890', others: {other1: 1, other2: 2}} 。 差異結果this.setState({name: 'Tiger'})與差異結果this.setState({name: 'Tiger', id: '1234567890', others: {other1: 1, other2: 2}}) ？

Answer 1

默認情況下，無論數據是否已更改，React都會在對setState所有調用上觸發重新渲染（請參見setState docs ），因此我希望在您描述的情況下它是相同的。

如果需要特定的行為，則可以使用shouldComponentUpdate覆蓋它的行為。

這對於它使用的內部差異的實際內容意味着什么是另一個故事-我希望它們是相同的，但是依賴於任何這種行為的細節感覺是一個壞主意。