State

TIP

Vuex/Redux/Mobx 等状态管理工具(包括 React 组件自身的 State ),在页面刷新之后,数据都会丢失。

Mobx

重点语录备忘

  • Mobx 会对在执行追踪函数期间读取的任何现有的可观察属性作出反应。(常用追踪函数:whenautorunreaction
  • observable 装饰器修饰的可观察对象和数组默认都是递归的,其中的任何属性发生变化都能观察到,无论层次有多深。
  • observer 装饰器本质是通过 autorun 追踪函数包装组件的 render 函数,来确保组件渲染中使用的任何可观察属性发生变化,可以对组件进行重渲染。
  • Mobx4 及以下版本注意点
    • 可观察数组会被包装成一个类数组对象,使用时需要 slicetoJS 方法转换一下
    • 无法观察到可观察对象初始化时不存在的属性
    • 兼容 IE
  • 推荐晚一点使用间接引用值,可以使得组件渲染的层级少点。
Last Updated:
Contributors: Vsnoy