在index.js中配置react-router-dom和react-router-redux的步骤如下:
npm install react-router-dom react-router-redux
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import { Provider } from 'react-redux';
import { ConnectedRouter } from 'react-router-redux';
import { createBrowserHistory } from 'history';
import configureStore from './configureStore';
import App from './App';
const history = createBrowserHistory();
const store = configureStore(history);
ReactDOM.render(
<Provider store={store}>
<ConnectedRouter history={history}>
<BrowserRouter>
<App />
</BrowserRouter>
</ConnectedRouter>
</Provider>,
document.getElementById('root')
);
这样,你就成功地在index.js中配置了react-router-dom和react-router-redux。这样的配置可以实现React应用程序的路由功能,并与Redux进行集成,以便在路由变化时更新应用程序的状态。
领取专属 10元无门槛券
手把手带您无忧上云