14.什么事路由,如何在React中使用路由功能19-06-19

2019-06-19  本文已影响0人  你坤儿姐

一.安装React路由的第三方模块
yarn add react-router-dom
到App.js中使用react-router-dom里的组件BrowserRouter、Router
import {BrowserRouter, Route}from 'react-router-dom'

<BrowserRouter>
        {/*exact是只有路径和前面的路径完全一样时才显示内容*/}
        <Route path='/' exact render={()=><div>home</div>}></Route>
        <Route path='/detail' exact render={()=><div>detail</div>}></Route>
</BrowserRouter>
上一篇 下一篇

猜你喜欢

热点阅读