Mobx 500 内部服务器错误

Question

每当我尝试从 mobx-react 导入观察者时，应用程序都会崩溃并显示 500 错误代码。我 install/configured 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"
}

Store.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

你需要为 React Native 使用 mobx-react/native：

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

Mobx 500 内部服务器错误

500 internal server error with Mobx

reactjs

react-native

mobx