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代表没有问题）
