我将一个道具(我将根据从 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
应删除。
另一个让我感到困惑的是你设置component
prop的方式,为什么它是一个箭头函数而不是一个 reference component={ItemDetail}
。如果您想将其用作箭头函数,回调会获取参数调用props
或您想要的任何名称,但它会随道具一起出现。所以你需要传播它们:
<Route path=“my-path” component={props=> <ItemDetail {...props} />
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句