为什么不能将映射状态中的对象作为响应路由链接中的参数传递？
提问于 2019-10-17 02:08:25
因此，我很难将一个值从映射状态下的对象中作为参数传递。我环顾四周，这似乎对我能找到的其他人都有帮助。
我还尝试将其添加为状态，或者将其作为路径名之后的查询进行添加。
Shoppinglist.map(Order =>
<tr key={Order.orderId}>
<td>{Order.date}</td>
<td>{Order.title}</td>
<td>{Order.price}</td>
<td>{Order.supplier}</td>
<td>
<Link to={'/CreateOrder/${Order.orderId}'}>
New Order</Link>
</td>
</tr>
)我的路线是这样的：
<Route path='/CreateOrder/:orderId?' component={CreateOrder} />这条路就是这样的。Url:"/CreateOrder/${Order.orderId}，而不是在/CreateOrder/之后显示实际ID
回答 3
Stack Overflow用户
回答已采纳
发布于 2019-10-17 02:11:50
模板字符串使用回勾字符。
您正在尝试使用javascript中的模板文字(模板字符串)方法生成url，但是目前使用错误的字符来创建它。
模板文字用反勾(重音)字符括起来，而不是双引号或单引号。
要解决您的问题，请替换
<Link to={'/CreateOrder/${Order.orderId}'}>
New Order</Link>通过
<Link to={`/CreateOrder/${Order.orderId}`}>
New Order</Link>Stack Overflow用户
发布于 2019-10-17 02:11:41
您应该在这里使用模板字符串替换
<Link to={'/CreateOrder/${Order.orderId}'}>使用
<Link to={`/CreateOrder/${Order.orderId}`}> // note backticks希望它能帮上忙
Stack Overflow用户
发布于 2019-10-17 02:18:43
你做的一切都是对的--用这个代替这个
替换这个
<Link to={'/CreateOrder/${Order.orderId}'}>
使用
<Link to={`/CreateOrder/${Order.orderId}`}>供参考什么是模板文字
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58430067
复制相关文章
腾讯云开发者
