2017.11.21

react router v4

当父子路由嵌套的时候必须写完整路径,如下

<Route path='/App' component={App} />
<Route path='/App/task' component={Task} />

不能在父组件里面写相对路径,如下

const App = ()=>{
  return <div>
        <Route path='/task' component={Task} />
  </div>
}
<Route path='/App' component={App} />

this.props 里面有history,location,match等属性,history类似于浏览器窗口中的history对象

history对象常用属性

  • location (object类型),当前的位置,常用属性有pathname是url路径,search是url中的查询字符串
  • push (function 类型),在 hisotry 栈顶加入一个新的地址
  • replace( function 类型),替换history 堆栈中的当前地址
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容