标签：switch color router 效果 return iconfont 事件 ima erro
React-router-dom 提供了 BrowserRouter，Route，Link 等 api，我们可以通过 dom 的事件控制路由
npm install react-router-dom --save-dev
这里新建两个组件，分别为“home”和“detail”：
在 src 下新建 containers 文件夹，里面分别新建存有 index.js 的 Home 文件夹和 Hetail 文件夹
import React from ‘react‘; class Home extends React.Component { render() { return ( <div>Home</div> ) } } export default Home;
import React from ‘react‘; class Detail extends React.Component { render() { return ( <div>Detail</div> ) } } export default Detail;
import { BrowserRouter, Route, Switch } from ‘react-router-dom‘; import Home from ‘./containers/Home/‘; import Detail from ‘./containers/Detail/‘;
在 render() 中将两个页面组件 Home 和 Detail 使用 Route 组件包裹，外面套用 Switch 作路由匹配，当路由组件检测到地址栏与 Route 的 path 匹配时，就会自动加载响应的页面
<BrowserRouter> <Switch> <Route path=‘/detail‘ component={Detail} /> <Route path=‘/‘ component={Home} /> </Switch> </BrowserRouter>
标签：switch color router 效果 return iconfont 事件 ima erro
原文地址：https://www.cnblogs.com/Leophen/p/11346870.html
