没有装饰器的reactjs mox无法工作

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

请使用从'mobx-react'导入{observer};

注意请注意，装饰器可以通过使用 custom-react-scripts 与 create-react-app 一起使用。 ，如所解释的here )