500内部服务器错误与Mobx

Question

每当我试图从mobx-react导入观察者的应用程序崩溃与一个500错误代码。 我安装/配置了mobx错误吗？

1- npm i mobx mobx-react --save

2- npm i babel-plugin-transform-decorators-legacy babel-preset-react-native-stage-0 --save-dev

3-里面的根文件夹的.babelrc：

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

4-的package.json：

"dependencies": { 
    "react": "^15.4.2", 
    "react-native": "^0.40.0", 
    "mobx": "^3.0.2", 
    "mobx-react": "^4.1.0" 
} 

存储。 js：

import { observable, computed } from 'mobx' 

class GetFoo { 
    @observable Foo = "bar" 

    root() { 
     return this.Foo 
    } 
} 

let store = new GetFoo() 

export default store 

应用组件：

import React, { Component } from 'react' 
import { 
    Text, 
    View 
} from 'react-native' 
import NetProvider from './config/netInfo' 
import { observer } from 'mobx-react' 

@observer 
export default class AppRoot extends Component { 
    constructor(props) { 
     super(props); 
    } 

    render() { 
     console.log(this.props) 
     return(
      <NetProvider> 
       <View> 
        <Text>Hi</Text> 
       </View> 
      </NetProvider> 
     ) 
    } 
} 

Answer 1

您需要使用mobx-react/native的阵营原生：

import { observer } from 'mobx-react/native'