react路由组件&&非路由组件

Posted jianxian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react路由组件&&非路由组件相关的知识,希望对你有一定的参考价值。

 <Route exact path="/Home" component={Home}/>
 1.路由组件:只有包裹在Route组件里的才能使用`this.props.location`,
 2.非路由组件:假如有个需求,是面包屑或者导航组件里需要拿到`this.props.location`(导航组件或者面包屑一般不会包裹在`Route`里吧),那么直接这么写显然就不行了。
 这个时候`withRouter`修饰一下,就可以这么写了。

  技术图片

 

 

 

 

 

 

.

以上是关于react路由组件&&非路由组件的主要内容,如果未能解决你的问题,请参考以下文章

React,redux 组件不会在路由更改时更新

react函数式组件(非路由组件)实现路由跳转

在 react-router v4 中将自定义道具传递给路由器组件

在 react-router v4 中将自定义道具传递给路由器组件

React redux和React路由器,链接更改不会重新渲染视图[重复]

React路由组件跳转页面并存储参数