09.1 - react this.props 详解

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 进而实现数据的动态绑定。


父组件.png

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

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

以上都是个人见解,有问题欢迎指出。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容