如何創建一個動態鏈接屬性，陣營，路由器2.5

Question

（聲明：我是新來的反應，並作出反應的路由器，所以這可能是很明顯的人有更深入的瞭解）

我創建一個簡單的項目使用帶ES6的React-Router 2.5.2，我有一個工作解決方案，但感覺它可能不是「React Router方式」。我有這樣的路線：

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

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

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

這是撰寫「到」屬性，它通過動態內容的首選方式是什麼？或者我從根本上誤解了React Router？

Answer 1

你這樣做是正確的！ :)

正如你可以在文檔中看到的，這是傳遞to道具的正確方法：

https://github.com/reactjs/react-router/blob/v2.5.2/docs/API.md#link

在以前的陣營路由器版本中，有一個叫託params，在那裏你會通過你所有的路線參數。

https://github.com/reactjs/react-router/blob/0.13.x/doc/03%20Components/Link.md#params

但我認爲做出反應路由器團隊決定讓事情變得簡單，所以你決定你將如何建立自己的路線。此外，使用ES6模板非常適合。

Answer 2

在它在完全相同的方式進行的react-router的API的文檔：

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

參考：https://github.com/reactjs/react-router/blob/master/docs/API.md#link