javascript - Mobx @observer 组件是否触发 `render` 或 `forceUpdate` ？

Question

当 observable 更新时，Mobx @observer 组件会触发该组件上的 render 或 forceUpdate 吗？当它发生时会触发哪些生命周期方法？ render 和 forceUpdate 有区别吗？

即使在 render 方法中， children 如何保持原样？ React 或 Mobx 是否负责检测何时将 Prop 传递给 child 并需要重新渲染？

谢谢!

Answer 1

对于基于类的组件，Mobx 本质上使用强制更新(作为其对在第一次渲染中观察到的属性的 react 的一部分)。功能组件的行为有些不同，较新版本的 Mobx 尽可能使用 React Hooks。

如果子组件的 props 发生变化(如 react pure components )，它们将重新渲染。此外，如果子组件具有可观察的 Prop 或在父组件中取消引用的子组件，则可能会导致该组件在更改时也被重新渲染。