zoukankan      html  css  js  c++  java
  • [Redux] Adding React Router to the Project

    We will learn how to add React Router to a Redux project and make it render our root component.

    Install: 

    npm install --save react-router
    import React from 'react';
    import {Provider} from 'react-redux';
    import {Router, Route} from 'react-router';
    import App from './App';
    
    const Root = ({ store }) => (
        <Provider store={store}>
            <Router>
                <Route path="/" component={App}/>
            </Router>
        </Provider>
    )
    
    export default Root;

    Router should be wrapped inside Provider, then all the children components can access the router.

    Currentlly when we open the browser, we saw the url is like:

    http://localhost:3000/#/?_k=k4ctzs

    To fix this need to import 'browserHistry':

    import React from 'react';
    import {Provider} from 'react-redux';
    import {Router, Route, browserHistory } from 'react-router';
    import App from './App';
    
    const Root = ({ store }) => (
        <Provider store={store}>
            <Router history={browserHistory}>
                <Route path="/" component={App}/>
            </Router>
        </Provider>
    )
    
    export default Root;
  • 相关阅读:
    7-1 抓老鼠啊~亏了还是赚了?
    7-1 币值转换
    7-1 打印沙漏
    打印沙漏
    第十周作业
    第九周作业
    第八周作业
    第七周作业
    7-1 判断上三角矩阵 (15 分)
    第二次实验过程
  • 原文地址:https://www.cnblogs.com/Answer1215/p/5558902.html
Copyright © 2011-2022 走看看