React-router param and props

react-router传参数与注入props

router render 方法


  1. Route component
  2. Route render
  3. Route children

component不可传参数,默认注入props,可以获得props里面的方法

<Route path="/user/:username" component={Home} />;

要在route给子组件传入参数,可用render

<Route path="/home" render={() => <div>Home</div>}/>

component 默认注入props,但render没有,路由子组件可以获取到参数,但props没有注入,无法获得props里面的方法,需要手动注入props

<Route path="/hall" render={(props) => <Home {...props} fn={this.fn} />} />
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值