Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs react-redux-路由器设置问题_Reactjs_Redux_React Router - Fatal编程技术网

Reactjs react-redux-路由器设置问题

Reactjs react-redux-路由器设置问题,reactjs,redux,react-router,Reactjs,Redux,React Router,有人能帮我弄清楚如何让这个设置正常工作吗 import 'babel-polyfill'; import React from 'react'; import ReactDOM from "react-dom"; import {Provider} from 'react-redux'; import {createStore, applyMiddleware} from 'redux'; import thunk from 'redux-thunk';

有人能帮我弄清楚如何让这个设置正常工作吗

import 'babel-polyfill';
    import React from 'react';
    import ReactDOM from "react-dom";
    import {Provider} from 'react-redux';
    import {createStore, applyMiddleware} from 'redux';
    import thunk from 'redux-thunk';
    import promise from 'redux-promise';
    import createLogger from 'redux-logger';
    import allReducers from './reducers';
    import App from './components/App';
    import createHistory from 'history/createBrowserHistory'
    import { Route } from 'react-router-dom'
    import { ConnectedRouter, routerMiddleware, push } from 'react-router-redux'

    const logger = createLogger();

    // Create a history of your choosing (we're using a browser history in this case)
    const history = createHistory()

    // Build the middleware for intercepting and dispatching navigation actions
    const middleware = routerMiddleware(history)

    // Add the reducer to your store on the `router` key
    // Also apply our middleware for navigating
    const store = createStore(
    allReducers,
    applyMiddleware(middleware, thunk, promise, logger)
    )

    ReactDOM.render(
        <Provider store={store}>
            <ConnectedRouter history={history}>
            <div>
                <Route exact path="/" component={App}/>
            </div>
            </ConnectedRouter>
        </Provider>,
        document.getElementById('root')
    );
导入“babel polyfill”;
从“React”导入React;
从“react dom”导入react dom;
从'react redux'导入{Provider};
从“redux”导入{createStore,applyMiddleware};
从“redux thunk”导入thunk;
从“redux承诺”进口承诺;
从“redux logger”导入createLogger;
从“./reducers”导入所有还原程序;
从“./components/App”导入应用程序;
从“历史记录/createBrowserHistory”导入createHistory
从“react router dom”导入{Route}
从“react router redux”导入{ConnectedRouter,routerMiddleware,push}
const logger=createLogger();
//创建您选择的历史记录(在本例中,我们使用浏览器历史记录)
const history=createHistory()
//构建用于拦截和调度导航操作的中间件
const中间件=路由器中间件(历史)
//在'router'键上将减速机添加到您的存储中
//还可以应用我们的中间件进行导航
const store=createStore(
所有还原剂,
applyMiddleware(中间件、thunk、promise、记录器)
)
ReactDOM.render(
,
document.getElementById('root'))
);

我好像接到一个错误的电话。警告:React.createElement:类型无效--应为字符串(对于内置组件)或类/函数(对于复合组件),但Get:未定义。您可能忘记了从中定义的文件导出组件。

请确保将
应用程序
层次结构下的所有
组件正确导出为默认导出


另外,请查看您的
react路由器
组件
从何处获取。尝试从
react router
模块导入
Link
组件是一种常见错误,而该组件仅存在于
react router dom
模块中。

感谢所有反馈,答案已连接外部未定义。我现在已正确修复了此导入操作。

正如错误所示,您很可能忘记添加
导出默认应用程序
作为
App.js
组件文件的最后一行。!。