继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

09.1 - react this.props 详解

慕标5832272
关注TA
已关注
手记 1229
粉丝 229
获赞 1001

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


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP