react-router

配置

npm install --save react-router react-router-dom

编写组件

import React from 'react';
export default class Demo extends React.Component{
    render(){
        return(
            <div>demo</div>
        );
    }
}

route

1. 在src下创建一个routes文件
2. 在该文件夹下创建一个index.js
3. 将编写好的Demo组件import过来 import Demo from ' (路径) '

    <Router>
        <Switch>
      <Route exact path="/" component={Demo}/>   
      <Route path="/demo" component={Demo} />  
        </Switch>
    </Router>

Switch&exact

• Switch组件渲染第一个被匹配到的Route
• exact属性精准对比URL和Path