鏈接的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>