React-router4 基礎知識

• React-router4 是什麼？ React-router4 是官方推薦的路由庫，它和 之前的版本 不相容，是一次重大的更新。
• React-router4 能做什麼？React 開發單面應用必備，踐行路由即元件的概念。
• React-router4 重要概念： 動態路由、Route、 Link、 Switch。
• React-router4 特點：學習一次，可在基於 React 環境的所有地方使用。
  *
• React-router4 使用 react-router-dom 作為瀏覽器端的路由
• BrowserRouter， 包裹整個應用
• Router 路由對應渲染的元件，可巢狀
• Link 跳轉專用

install

cnpm install --save react-router-dom

import { BrowserRouter, Route, Link } from 'react-router-dom';

React-router4 其它元件
url引數， Route 元件引數可用冒號標識引數
Redirect 元件 跳轉
Switch 只渲染第一個 Route 元件

哪個路由要渲染哪個元件呢，這就要
一營