简介

简单，可扩展的状态管理库
MobX 是由 Mendix, Coinbase, Facebook 开源和众多个人赞助商所赞助的
React 和 MobX 是一对强力组合，React 负责渲染应用的状态，NobX 负责管理应用状态供 React 使用

浏览器支持：
MobX 5 版本运行在 任何支持 ES6 proxy 的浏览器，不支持 IE11，Node.js6
MobX 4 可以运行在任何支持 ES5 的浏览器上
MobX 4 和 5 的 API 相同

开发前准备-启用装饰器语法支持

方式一：

  • 弹射项目底层配置：npm run eject
  • 下载装饰器语法 babel插件：npm install @babel/plugin-proposal-decorators
  • 在 package.json 文件中加入配置
    1. "babel":{
    2. "plugins":[
    3.   [
    4.     "@babel/plugin-proposal-decorators",
    5.     {
    6.       "legacy": true
    7.     }
    8.   ]
    9. ]
    10. }

方式二：

  • npm install react-app-rewired customize-cra @babel/plugin-proposal-decorators
  • 在项目根目录在创建 config-overrides.js 并加入配置 ```javascript const { override, addDecoratorsLegacy } = require(“customize-cra”);

module.exports = override(addDecoratorsLegacy());

  2. - 替换启动命令 package.json
  3. ```json
  4.  "scripts": {
  5.     "start": "react-app-rewired start",
  6.     "build": "react-app-rewired build",
  7.     "test": "react-app-rewired test",
  8.     "eject": "react-scripts eject"
  9.   },
  • 解决vscode编辑器关于装饰器语法的警告
    1. "js/ts.implicitProjectConfig.experimentalDecorators": true,