栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

您可以通过将

render
prop 传递给组件来将prop 传递给组件
Route
,从而内联组件定义。根据
DOCS:

这样就可以方便地进行内联渲染和包装,而无需进行上述不必要的重新安装。与其使用

component
prop
为您创建新的React元素,还可以传递一个在
location
匹配时调用的函数。渲染道具接收与组件渲染道具相同的所有路线道具

这样您就可以将prop传递给组件

 <Route path="/" exact render={(props) => (<Home test="hi" {...props}/>)} />

然后您可以像访问它

this.props.test

在你的

Home
组件中

PS 还请确保您正在传递,

{...props}
这样默认路由器道具
location,history,matchetc
也将传递给该
Home
组件,否则唯一传递给它的道具就是
test



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/451935.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号