请选择 进入手机版 | 继续访问电脑版

如何通过React Router将道具传递给子组件

前端开发  / React.js  / 倒序浏览   © 著作权归作者本人所有

#楼主# 2020-5-16

跳转到指定楼层

这个简短的教程解释了如何通过React Router将props传递给子组件

最简单的方法是将道具添加到Route包装器组件:

const Index = props => <h1>{props.route.something}</h1>

var routes = <Route path="/" something={'here'} component={Index} />

但是以这种方式,您需要通过this.props.route.*而不是通常的来修改访问道具的方式this.props,这可能会或可能不会。

解决此问题的一种方法是使用:

const Index = props => (
  <h1>{props.something}</h1>
)

<Route path="/" render={() => <Index something={'here'} />} />
转播转播
回复

使用道具

成为第一个评论人

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于作者

damonare

网站编辑

  • 主题

    267

  • 帖子

    269

  • 关注者

    0

手机版|ObjectX 超对象 |粤ICP备20005929号
Powered by  © 2019-2020版权归ObjectX 超对象