smk108的博客

更新中

Mobx是通过函数响应式编程使状态管理变得简单和可扩展的状态管理库。Mobx和Redux一样，采用单向数据流管理状态：通过action改变应用的state，state的改变触发相应ui的更新，如下图所示：Mobx有如下几个主要概念：State：状态，应该是应用依赖的最小状态集，没有任何多余的状态，也不需要通过其他状态计算而来的中间状态；Computed value：计算值，是根据s...

mobx在严格模式下，不允许在 action 外更改任何状态。但是不同版本严格模式的用法不同，3.x、4.x、5.x三个版本下的严格模式用法。1、mobx@3.x：useStrict(boolean)2、mobx@4.x：configure({ enforceActions: boolean })迁移说明：https://github.com/mobxjs/mobx/wiki/Migr...

Mobx提供了一个mobx-react包帮助开发者方便地在React中使用Mobx，mobx-react中有observer、Provider、inject几个常用的api。在《mobx系列(二)-mobx主要概念》中我们已经介绍过observer，本文介绍下inject、Provider，以及Mobx如何与React结合使用。1、ProviderProvider是一个React组件，使用...

通过《Mobx系列(一)-Mobx简介》我们简单理解了Mobx的基本原理及流程，使用Mobx实现一个响应式的应用，主要分为三个步骤：定义状态并使其可观察（state） 对状态改变的响应（computed、autorun、reaction、observer、when） 改变状态（action）下面从这三个步骤的顺序介绍Mobx的主要概念。（版本为5.X、使用es7装饰器）1、可观察状态...

在《mobx系列(二)-mobx主要概念》中解释过mobx对什么作出反应，如果对这一部分内容理解不清楚，开发中经常会遇到store中状态更新了，但是组件没有重新渲染的问题。本文简单列举几种情况及解决方法。1、缓存observables 属性并存储在本地这是文档中的一个示例，指的是从 observable 属性中提取数据并存储，这样的数据是不会被追踪的：class User { @...

mobx还提供了一个开发调试工具：mobx-react-devtools，下面简单介绍下mobx-react-devtools的使用。1、安装npm install --save-dev mobx-react-devtools2、使用要想使用开发调试工具，需要先导入DevTools组件，然后在代码的某个位置渲染它，如：import React, {Component} fro...