反応ルータでredux-reactを使用しているときに無効なprop 'component'

Question

私のケースでreact-reduxからconnectを使用すると、反応ルータに反応コンポーネントが有効なコンポーネントとして表示されません。 失敗propType：：と警告がある無効なRoute

index.js

import { connect } from 'react-redux' 
import { createStore } from 'redux' 
import { Provider } from 'react-redux' 
import plattformApp from './reducers' 

var React = require('react'); 
var ReactDOM = require('react-dom'); 
var ReactRouter = require('react-router'); 
var Router = ReactRouter.Router; 
var Route = ReactRouter.Route; 
var hashHistory = ReactRouter.hashHistory; 
var Main = require('./components/Main'); 

let store = createStore(plattformApp) 

ReactDOM.render(
    <Provider store={store}> 
    <Router history={hashHistory}> 
     <Route path='/' component={Main}> 
     </Route> 
    </Router> 
    </Provider>, 
    document.getElementById('app') 
) 

Main.js

var React = require('react'); 
var ReactRouter = require('react-router'); 
var Link = ReactRouter.Link; 
var KNGui = require("../components/KNGui"); 
var Search = require("../components/Search"); 

var Main = React.createClass({ 
    render: function() { 
    return (
     <div> 
     </div> 
    ) 
    } 
}); 

function mapStateToProps(state) { 
    return { test: state } 
} 

export default connect(mapStateToProps)(Main) 

Answer 1

に供給された小道具component今var Mainは、完全なモジュールが含まれています。あなたがコンポーネントを取得するために

var Main = require('./components/Main').default; 

または

import Main from './components/Main'; 

のいずれかを必要とするコンポーネントにアクセスするには

。