我想创建文章页面,链接在博客列表中。我的路线:
<Route path = '/blog/:slug' component={Article} />
我不知道如何将我的 Prop 数据(标题、描述等)传递到我的文章组件。我在 MeteorJS 项目上,我的数据不是静态的,它是使用 MongoDB 的。
你知道我是否可以传递全局对象吗? :
<Route path = '/blog/:slug' component={Article} data={props} />
有人可以帮助我吗? :)
感谢社区!
最佳答案
您可以使用内联 render
函数而不是 组件
并像往常一样传递 props。
举个例子,如果你想将 title 属性传递给 Article 组件,你可以这样做。
<Route path = '/blog/:slug' render={(props)=><Article title="My article title" {...props}/>} />
这里 props
是来自路由器的属性,如匹配、位置、历史记录和 staticContext。如果您不希望将 {...props}
放入您的文章组件中,则可以删除它们。
关于reactjs - 使用 React Router v4 传递 props 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44203834/