2023-03-14 React.js 通过this.props.match.params拿到传递的id为空或者undefined
前言:react+antd实现点击按钮跳转页面,跳转代码如下:
this.props.history.push('/my/' + id)
已知my在router中已注册:
<Route path="/my/" component={My} />
解决方案:需要在router修改以下,即:
<Route path="/my//:id" component={My} />
原因:要使URL路径的一部分成为参数,需按以下格式写:
<Route path='/authors/:authorName' component={FilterBooks}/>
参考资料:https://cloud.tencent.com/developer/ask/sof/220850
其实不用上面的方案也可以通过this.props.location来获取传参。