react笔记之路由--高层接口BrowserRouter

责编:menVScode 2017-08-03 23:22 阅读(583)

        首先安装路由的库,在3.0版本之前,只有安装react-router就好了,但是升级到4.0之后,react-router只作为核心部分,它扩展出react-router-dom。在web平台,你使用react-router-dom就能运用路由的所有功能。

        安装代码:npm install react-router-dom --save

        BrowserRouter:一个HTML5 history API(pushState, replaceState 和 popstate 事件)来切换视图的<Router>。      

 import { BrowserRouter } from 'react-router-dom'
<BrowserRouter
  basename={optionalString}
  forceRefresh={optionalBool}
  getUserConfirmation={optionalFunc}
  keyLength={optionalNumber}
>
  <App/>
</BrowserRouter>

        basename: string

        所有地址的base URL,如果你的应用放在你服务器的某个目录里面,你可能会想用它。正确格式的basename应该以 / 开头,结尾没有 / 。

<BrowserRouter basename='/calendar' />
<Link to='/today' />
// 渲染:<a href='/calendar/today'> 

        children: node

        <BrowserRouter></BrowserRouter>其内部只能有单个组件被渲染,如果是有多个的话,可以看下报错截图:

<Router>
	<App />
	<App />
</Router>
//可以在子元素外套个标签,就能解决这个问题了。

QQ截图20170813203333

前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码