mobx,mobx-react

mobx

Mobx 中创建 store 的常见关键字如下： observable computed action。

• observable用来声明可观察的数据
• computed是声明可观察数据的演变数据，和 observable 具有同等地位
• action 用来改变observable数据，但是 action 不是必须的，可以认为其是较好的约定，最好遵循。

在 mobx 程序中使用class、装饰器是最佳实践，因此我们的代码也使用装饰器实现

mobx-react

Provider、observer、inject均为是mobx-react提供。

• Provider以组件的形式存在，用来包裹最外层组件节点，并且传入 store（通过）context 传递给后代组件。
• 使用@observer装饰的react组件将转换成一个监听者，当@observable 修饰的数据变化，react组件就会重新渲染。
• @inject为了使被装饰的组件以 props 的形式获取到 Provider 传递过来的数据。