react子组件获取父组件传过来的值

<CategorySelector
		categoryId={ this.state.categoryId }
		parentCategoryId={ this.state.parentCategoryId } 
		onCategoryChange={(categoryId, parentCategoryId) => this.onCategoryChange(categoryId,parentCategoryId)}/>

这是一个自定义的分类选择器组件,
他的categoryId和parentCategoryId都是从父组件的state中获取的, 获取的就是默认值

如果父组件通过异步请求获取数据,修改了state里面的categoryId和parentCategoryId
子组件通过this.props是获取不到新值的,它还是原来的默认值

想要获取新的categoryId和parentCategoryId,可以借助componentWillReceiveProps生命周期函数

在子组件的代码category-selector.js中:

componentWillReceiveProps (nextProps) {
		console.log(nextProps) // 有新传入的值, 就是更新后的值,我们需要的值
		console.log(this.props.categoryId, this.props.parentCategoryId) // 还是默认的值
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值