串联jsx与链接不起作用

问题描述：

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

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

我甚至尝试

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

没有运气。帮帮我。

答

您需要在大括号之间传递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>