react-router的使用

react-router的使用

下载依赖

    npm i react-router-dom --save-dev

引入

    import { BrowserRouter } from 'react-router-dom'

HashRouter的用法

注意: 重复点击的时候会报路径重复的警告

    
    
    ReactDOM.render(
      
        
      
      , document.getElementById('root')
    );

Link的使用

代替a标签

    主页

BrowserRouter的用法(推荐)

    
主页
    
关于我们
    
    
    ReactDOM.render(
      
        
      
      , document.getElementById('root')
    );

Switch的使用

Switch只会匹配一个子路由

exact表示精确匹配,建议加上

Redirect的使用

注意: Redirect需放在Switch的最后一项,若需提供404页面,则需注释掉Redirect