react-router-dom 学习记录

1、安装npm install --save react-router dom
2、引入 react-router-dom的BrowserRouterRouter组件,BrowserRouter下用一个元素包裹所有的Router

  <Provider>
    <div>
      <Header/>
      <BrowserRouter>
        <div>
          <Router exact path="/"  render={()=><div>HOME</div>}></Router>
          <Router exact path="/detail" ></Router>
        </div>
      </BrowserRouter>
    </div>
  <Provider>

exact 属性表示路由绝对匹配。
3、Link 包裹要跳转的元素,to属性指向要跳转的路径

猜你喜欢

转载自blog.csdn.net/weixin_39786582/article/details/82665288