react-native mobx状态管理
安装依赖
mobx 核心库
mobx-react 方便在react中使用mobx技术的库
@babel/plugin-proposal-decorators 让rn项目支持es7的装饰器语法
安装: yarn add mobx mobx-react @babel/plugin-proposal-decorators
1.在babel.config.js添加以下配置
plugins:[ ['@babel/plugin-proposal-decorators',{'legacy':true}] ]
2.新建文件mobx\index.js用来存放全局数据
import { observable, action } from 'mobx' class RootStore { @observable name = 'hello' @action changeName(name){ this.name = name } } export default new RootStore()
Mobx6默认不支持@observable这种修饰器语法解决办法如下图
地址: https://mobx.js.org/enabling-decorators.html#how-to-enable-decorator-support
使用: