reactjs - 没有装饰器的reactjs mobx不起作用

Question

我正在尝试mobx与react. 由于我使用 生成了我的应用程序create-react-app，因此我不能使用 mobx 提供的装饰器。

鉴于我们可以按照本文档使用不带装饰器的 mobx：https ://mobxjs.github.io/mobx/best/decorators.html

这是我创建的一个组件：

import React, { Component } from 'react';
import observer from 'mobx-react';

export const TestComponent = observer(class TestComponent extends Component {

  render() {
     return <div>Just a test component!</div>
  }

});

这是对上述组件的简单调用：

import React, { Component } from 'react';

import './App.css';

import Auth from './Auth'
import { TestComponent } from './Test'

import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';

import AppBar from 'material-ui/AppBar';
import  authStore  from './stores/Store'

class App extends Component {

    constructor(props) {
        super(props);
        this.state = {
        }
    }

    render() {
    return (
        <div className="app">
            <MuiThemeProvider>
                <div>
                    <TestComponent store={authStore} />
                </div>
            </MuiThemeProvider>
        </div>

    );
  }
}

export default App;

现在，当我运行上述组件时，出现错误：Uncaught TypeError: (0 , _mobxReact2.default) is not a function(…)控制台中没有显示任何内容。

我在这里做错了什么？

Answer 1

请用import {observer} from 'mobx-react';

请注意，装饰器可以通过使用custom-react-scripts与 create-react-app 一起使用，如此处所述）