2017-05-26 59 views
2

我想创建文章页面,博客中挂上市。我的路线:传递道具成分发生化学反应路由器V4

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

我不知道我可以通过我的道具资料(名称,说明等..)我的文章的组件。我在MeteorJS projet上,我的数据不是静态的,而是MongoDB。

你知道如果我可以通过全局对象? :

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

任何人都可以帮助我吗? :)

谢谢社区!

回答

2

您可以使用内联render功能,而不是component并通过道具如常。

举个例子,如果你想传递称号道具物品部件,你可以做这样的事情。

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

这里props是一样的比赛,地点,历史和staticContext路由器来的道具。如果您不希望它们位于您的文章组件中,则可以删除{...props}

+0

嗨Tharaka,谢谢你的回应。我了解你的解决方案。但我不明白我可以通过我的数据时,我在我的链接:)当我发送我的数据?我的路线在routes.js上,包括我的所有路线。谢谢 ! –

+0

由于您的日期将基于'slug',因此您可以将数据作为道具传递。因为你需要通过不同的'slug'。正确的做法是在文章组件的'componentDidMount'生命周期方法内加载数据。 –