MobX 是一个简单且强大的状态管理库，用于构建可预测的 React 应用程序。以下是一些关于 MobX 的基本文档信息。

快速开始

  1. 安装 MobX: 使用 npm 或 yarn 安装 MobX。

    npm install mobx

    或者

    yarn add mobx

  2. 创建一个简单的 Store: 创建一个简单的 store 来管理状态。

    import { observable, action } from 'mobx';

const store = observable({
  count: 0,
  increment: action(() => {
    this.count += 1;
  }),
  decrement: action(() => {
    this.count -= 1;
  })
});

  3. 使用 React 组件: 在 React 组件中使用 MobX。

    import React from 'react';
import { observer } from 'mobx-react';

const Counter = observer(({ store }) => {
  return (
    <div>
      <p>Count: {store.count}</p>
      <button onClick={store.increment}>Increment</button>
      <button onClick={store.decrement}>Decrement</button>
    </div>
  );
});

export default Counter;

更多资源

MobX Logo