Reactjs 使用React路由器v4传递道具组件

我想创建文章页面，在博客列表链接。我的路线：

<Route path = '/blog/:slug' component={Article} />

我不知道如何将道具数据（标题、描述等）传递给我的文章组件。我在MeteorJS projet上，我的数据不是静态的，而是MongoDB

你知道我是否可以传递全局对象吗

<Route path = '/blog/:slug' component={Article} data={props} />

有人能帮我吗？：）

谢谢社区

您可以使用内联函数而不是

组件

，并像往常一样传递道具

例如，如果您想将title prop传递给文章组件，您可以执行以下操作

<Route path = '/blog/:slug' render={(props)=><Article title="My article title" {...props}/>} />

}/>

---

这里的

props

是来自路由器的道具，比如匹配、位置、历史和静态上下文。如果您不想让它们出现在文章组件中，您可以删除

{…props}

。

您好Tharaka，感谢您的回复。我理解你的解决办法。但是我不明白当我在我的链接上点击时我可以传递我的数据：）当我发送我的数据时？我的路线在routes.js上，包括我所有的路线。非常感谢。由于您的日期将基于

slug

，因此您可以将数据作为道具传递。因为您需要为不同的

slug

传递不同的。正确的方法是在文章组件的

componentDidMount

生命周期方法中加载数据。