3

と組み込もうとして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(…)、コンソールに何も表示されないというエラーが表示されます。

ここで何が間違っていますか？

4

1 に答える 1

2

使ってくださいimport {observer} from 'mobx-react';

ここで説明されているように、custom-react-scriptsを使用して create-react-app でデコレーターを使用できることに注意してください)

于 2016-11-08T08:33:11.627 に答える