如何在React-Router 2.5中創建動態鏈接到屬性

Question

（免責聲明：我是React和React-Router的新手，所以對於更熟悉的人來說這可能是顯而易見的）

我正在使用帶有ES6的React-Router 2.5.2創建一個簡單的項目，我有一個可行的解決方案，但感覺它可能不是“React Router方式”。 我有這條路線：

<Route path="lists/:listId" component={List}/>

和其他地方我有一個鏈接：

<Link to={`/lists/${props.list._id}`}>{props.list.name}</Link>

這是構成傳遞動態內容的“to”屬性的首選方法嗎？ 或者我是否從根本上誤解了React Router？

Answer 1

在react-router的API文檔中，它以完全相同的方式完成：

// change the activeClassName
<Link to={`/users/${user.id}`} activeClassName="current">{user.name}</Link>

Answer 2

你做對了！ :)

正如您在文檔中看到的，這是傳遞to prop的正確方法：

在之前的React Router版本中，有一個叫做params的道具，你可以在那里傳遞你所有的路徑參數。

但我認為React Router團隊決定保持簡單，因此您決定如何構建路線。 此外，使用ES6模板非常適合。