如何创建一个动态链接属性，阵营，路由器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