安装 mobx 具体的操作

1.安装react

npm install -g create-react-app

create-react-app --version

create-react-app 目录名

cd 目录名

2.安装mobx和react绑定库

npm i --save mobx mobx-react

3.安装修饰器

npm i --save babel-preset-mobx

npm install --save-dev @babel/plugin-proposal-decorators

4.npm run eject      选择y

5.npm start

6.把文件打开在package。json里面配置

"babel": {

"presets": [

"react-app",

"mobx"

]

}

7.在src下新建一个文件夹Demo

8.在Demo创建一个js文件Mobx-demo

里面写入

import { observable, action} from 'mobx';class Ticker {@observable tick = 0;    increment() {        this.tick++     }}export default new Ticker()

再导入app.js中

import React, { Component } from 'react';import './App.css';import Demo from './Demo/Mobx-demo.js'class App extends Component {  render() {    return (      <div className="App">          {Demo.tick}      div>    );  }}export default App;

看控制台是否报错（如果出现页面出现0代表没有问题）