dom - 在 React 中获取重新渲染的差异

Question

有没有办法获取 React 获取 DOM/组件的差异？我可以想象尝试在发生更改时存储更改，以便用户可以“撤消”更改[并且我个人对重新渲染底层的差异的可用性感兴趣(也许它会有已更改的组件？)]。

编辑:撤消功能只是一个示例。我只是感兴趣是否可以从 React 中提取上述内容，因为据说它正在对新旧树进行比较。

Answer 1

I'm trying to store changes as they happen so the user can 'undo' the changes

我的建议是如何实现这一目标:

React 渲染结果应该仅基于状态。如果你给出两次相同的状态，那么 DOM 应该是相同的。子组件可能应该是无状态的。

componentWillUpdate 方法在 props 和 states 更改后运行。

您可以在任何状态更改后复制并保存状态。

如果用户“撤消”更改，则将旧的保存状态设置为当前状态。

并且 DOM 应该与之前的状态相同。