Javascript ReactJs：如何从路由器路径链接获取适当的变量？

视图列表

在上面，我正在从我的主页切换到分类页面，并试图将card.title的值传递到分类组件中

URL标题：

然后在我的类别组件中：

道具：

card.title是一个值，因此您需要按如下方式传递它：

<Link to={`/category/${card.title}`}>View List</Link>

<Link to={"/category/" + card.title}>View List</Link>

如果使用，则整个部分将成为字符串，动态值将不会被替换

有关模板文本的更多详细信息，请查看

建议:

---

我建议您使用route category定义一个参数，该参数的值为card.title，然后在类别组件中，您可以通过这个.props.params.ParamName来访问它。

不应该是视图列表？谢谢！是的，模板文字是我需要的：好奇的想法。。。我正试着把卡片上的头衔传给道具。但是，没有参数键。我也尝试过使用？category=${card.title}，但是它只显示在props.location.searchdo中。有一件事你也可以将它作为查询参数传递，如下所示：to={'category/？title='+card.title}现在在category组件中，你可以通过这个.props.location.query.title访问该值，它将打印正确的值，我假设类别是类别组件的路径：

<Link to={"/category/" + card.title}>View List</Link>

render () {
   const {title} = this.state;
   const myLink = `/category/${title}`;
   return ( 
       <Link to={myLink} />
   );

}