串联jsx与链接不起作用

Question

我有一个映射函数我尝试将obj.id连接到react-router的Link组件。它不这样工作？

<Link to="/item/edit/"{obj._id}>Edit</Link> 

我甚至尝试

<Link to=`/item/edit/${obj._id}`>Edit</Link> 

没有运气。帮帮我。

Answer 1

您需要在大括号之间传递JavaScript。查看JavaScript表达式的文档：https://facebook.github.io/react/docs/jsx-in-depth.html#javascript-expressions

无论是这样的：

<Link to={"/item/edit/" + obj._id}>Edit</link> 

或像这样：

<Link to={`/item/edit/${obj._id}`}>Edit</Link>