React Native mobx 安装

1.进入项目目录下，并安装需要的依赖：mobx 和mobx-react。

yarn add i mobx mobx-react 

我们也要安装一些 babel 插件，以支持 ES7 的 decorator 特性：

 yarn add babel-plugin-transform-decorators-legacy babel-preset-react-native-stage-0 

现在，在.babelrc 文件配置 babel 插件：（如果没有就创建一个）

{
 'presets': ['react-native'],
 'plugins': ['transform-decorators-legacy']
}

因为我们编写的是一个自定义 .babelrc 文件，所有只需要 react-native 的 preset。配置 react-native 的 preset，还有指定一些先期运行的插件（我们这里是 transform-decorators-legacy 插件）。

现在，我们的项目配置好了

2.使用

model 文件中

import {observable,computed,autorun,action,useStrict} from 'mobx';

  

export default class  ETTUserModel extends ETTBaseModel
{

    @observable name:String  ='';

扫描二维码关注公众号，回复： 9099095 查看本文章

3.在观察者文件中

import {observer} from 'mobx-react';

if(DataManager._userModel._isLog == false)
{
    return <LogScene/>
}