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'