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

通过React-Router v4传递值

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

通过React-Router v4传递值

传递道具

您可以通过

state
对象将任意道具传递到路线:

<link to={{ pathname: '/route', state: { foo: 'bar'} }}>My route</link>

然后,您可以

state
从组件内部访问对象:

const {foo} = props.location.stateconsole.log(foo) // "bar"

传递参数

配置您的路由路径以接受命名参数(

:id
):

<Route path='/route/:id' exact component={MyComponent} />

然后,您可以在链接中传递URL参数(例如ID)

to

<link to={`route/foo`}>My route</link>

您可以通过

match
对象在组件内访问参数:

const {id} = props.match.paramsconsole.log(id) // "foo"

资料来源

  • https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/location.md

  • https://github.com/ReactTraining/react-router/issues/4036



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

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

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