串聯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>