reactjs - 使用 React Router v4 传递 props 组件

标签 reactjs meteor

我想创建文章页面,链接在博客列表中。我的路线:

<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/

相关文章:

javascript - ReactJS:如何列出状态的所有属性?

javascript - (React.js)为什么状态没有立即改变?

javascript - Meteor.wrapAsync

meteor - 某些 Meteor 数据源能存活多久?

javascript - 在组件内 react :Unable to get this. state.name

node.js - Next.JS - `.htaccess` 文件?

reactjs - 使用 Webpack 将使用 npx create-react-app 创建的 react 应用程序捆绑到 .js 文件

css - bootstrap 3 文本元素似乎从同一文件中获取错误的 css

mongodb - 在 meteor 生产服务器中恢复一个 mongodb

javascript - 无法在meteorjs 中的帖子中添加评论