为了账号安全,请及时绑定邮箱和手机立即绑定

09.1 - react this.props 详解

标签:
React

PROPS:这里需要注意:

1、props 作用:父组件只会传参到紧邻的子组件,而不是全局参数

1.1  子组件一般不能改变 this.props 的值:通过父组件改变 传的值,子组件拿到更新后的 this.props 的值
1.2  原因:子组件 this.props 改变,可能会导致 父组件 重渲。
1.3 因为父组件之间的父亲都是同一个,可以利用此在父组件之间相互拿值。但是改变 this.props,必须是父亲去改变。

2、父组件打印的 this.props 是一个有许多内容的对象,

2.1 在 models/ 内定义的参数是可以拿到的(相对于父组件的父级);
2.2 数据改变,也是 利用 models/ 内定义的方法改变值;
2.3 所以在 父组件中拿到 this.props 的对应参数值,再改变 this.state 进而实现数据的动态绑定。


webp

父组件.png

3、在子组件中 打印 的  this.props 只会是 紧邻父亲传过来的参数


有时需要用到 父组件 this.props 里定义的函数(history等),需父组件通过参数传过来。

webp

子组件.png



作者:大大的小小小心愿
链接:https://www.jianshu.com/p/8c6c18d15c8f


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消