使用路由传递道具时,无法在 react Js 的组件中接收到 URL 参数

马利克·阿琼

我将一个道具(我将根据从 URL 接收到的 ID 从中选择产品的所有项目详细信息的道具)传递到 ItemDetails 组件,我想根据通过 URL 传递的项目 ID 显示产品。不幸的是,我无法this.pops.match.params在 ItemDetails 组件中使用我不明白为什么它不恢复 URL 参数有人可以帮忙吗?

这就是我将道具传递给组件的方式。
<Route exact path='/item/:id' component={()=><ItemDetail itemsData={this.props.itemsData} />} />

埃内斯托

哦,我明白了。问题之一是,在 yow 路线上,您喜欢:item/:id我认为这:id是动态的。现在你看到了,如果你不会收到相同的确切值。exact应删除。

另一个让我感到困惑的是你设置componentprop的方式,为什么它是一个箭头函数而不是一个 reference component={ItemDetail}如果您想将其用作箭头函数,回调会获取参数调用props或您想要的任何名称,但它会随道具一起出现。所以你需要传播它们:

<Route path=“my-path” component={props=> <ItemDetail {...props} />

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

无法在react.js中传递url参数

使用路由时将匹配参数和道具都传递给react组件

将URL参数传递给React.js根组件

React.js 如何从函数组件访问路由器链接 URL 中的参数?

如何在React JS中读取组件中的URL参数?

在 JS (React) 中访问 URL 中的参数

URL React Js / Router中的重复参数

在 PHP 中使用路由时在 URL 中传递参数

当使用路由渲染道具而不是路由组件道具时,如何访问 react-router-dom 4 中的 url args?

React 组件接收到错误的道具值

如何在react js URL中传递参数以从api获取数据

在 React 中获取 index.js 中的 URL 参数

在React JS的url参数中显示的登录凭据

如何在react js中从url获取参数

使用Typescript在React中传递组件中的参数时出错

在 url 路径中传递多个路由参数时出错

使用参数时,React Router Render道具未渲染组件

未传递url参数时无法调用快速路由

React Router V4 - 无法在道具中获取 URL 参数

在React Native中传递参数以获取URL的正确方法?

使用JS获取URL参数

React.js-使用React Router更改URL,但组件不变

尝试在 React 中的功能组件内使用道具时,我收到 TypeError:无法设置未定义的属性“道具”?

在 React js 如何将输入值传递给当前组件中的 API 参数

在url中传递参数

如何在节点 js URL 中传递多个搜索参数

使用React Router,如何使用路由配置传递组件道具?

无法在controllerFunction节点js中获取url参数

无法在next.js中获取url查询参数