MobX入门指南:快速上手状态管理库

一、什么是MobX

MobX 是一个状态管理库，它可以让你轻松地管理应用程序的状态，并且可以扩展和维护。它使用观察者模式来自动传播你的状态的变化到你的 React 组件。

二、安装及配置

1. 安装 MobX 和 MobX-React：你可以使用 npm 或 yarn 安装这些库：

npm install mobx mobx-react-lite
# 或者
yarn add mobx mobx-react-lite

2. 定义一个 Store：Store 是一个保存应用程序状态的对象。你可以使用 MobX 的 observable 装饰器来使 Store 的属性可观察。这里是一个例子：

import {
   
    observable, action } from 'mobx';
import axios from 'axios';

class Store {
   
   
  @observable data = null;
  @observable loading = false;

  @action
  async fetchData() {
   
   
    this.loading = true;
    try {