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

使用：