mobx

mobx

• action 改变 state

• action 需要被显示的标注 @action

• state 被观察者 @observable

• @compute state 衍生的值，应该为 纯函数

• autorun，reaction；state 衍生的副作用

• 一切都是 state 的衍生，组件也是一种副作用衍生

• observer 方法将 react component 转化成它渲染的数据的衍生

  const TodoListView = observer(({ todoList }) => (
      <div>
          <ul>
              {todoList.todos.map(todo => (
                  <TodoView todo={todo} key={todo.id} />
              ))}
          </ul>
          Tasks left: {todoList.unfinishedTodoCount}
      </div>
  ))
  

• action 写法：@action、runInAction

• useObserver、useLocalStore

• runInAction(fn)：创建一个暂时的 action 会被立即调用，可以被用在异步处理中