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
组件文件的最后一行。!。