A10 React+AntDesign 组件、父子组件通信

时间：2020-03-10 12:03:41 阅读：135 评论：0 收藏：0 [点我收藏+]

1 父子组件通信

父子组件传值（通信）

1、父组件给子组件传值(父==>子)

Ⅰ、在调用子组件时定义一个属性，<Components msg=‘组件‘></Components>

Ⅱ、子组件里面 this.props.msg

说明：父组件不仅可以给子组件传值，还可以给子组件传递方法，以及把整个父组件传给子组件

2、父组件主动获取子组件的数据(子==>父)

Ⅰ、调用子组件的时候指定ref的值，<Components ref=‘header‘></Components>

Ⅱ、通过this.refs.header 获取整个子组件的实例

原文地址：https://www.cnblogs.com/nuister/p/12454566.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行