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 组件
哪个路由要渲染哪个组件呢,这就要
一营