为什么我不能在 index.js 中使用导出的路由

Question

我收到一个错误。 React.createElement: type is invalid -- 期望一个字符串（对于内置组件）或一个类/函数（对于复合组件）但是得到：未定义

我正在尝试在 Index.js 中使用导入的 riutes

    import React from 'react';
import ReactDom from 'react-dom';
import routes from './routes.js';
import { HashRouter as Router, Route, IndexRoute } from 'react-router-dom'; 

const renderApp = (appRoutes) => {
    ReactDom.render(appRoutes, document.getElementById('app'));
};

renderApp( routes() );  

我从 routes.js 导出这条路线

import React from 'react';
import { AppContainer } from 'react-hot-loader';
import { BrowserRouter as Router, Route, browserHistory, IndexRoute } from 'react-router-dom';
import App from './components/App';

const routes = () => (

    <AppContainer>
            <Router history={browserHistory} component={App}>


            </Router>

    </AppContainer>

);

export default routes;

Answer 1

你可能想打电话给routes：

renderApp( routes() );