react父子组件之间的通信

1、父组件向子组件传递

父组件向子组件传递比较简单，如下：

父组件结构：

截图1.png

子组件结构：

截图2.png

子组件接收：

截图3.png

2、子组件向父组件传递

是一种迂回的作法，在父组件中设置一个方法(函数)，然后传递给子组件的props，子组件在事件触发时，直接呼叫这个props所设置的方法(函数)。

使用场景：

截图4.png

【点击查看】需要将子组件的表单清空，故在父组件中需要拿到子组件的form表单对象。

父组件结构：

截图5.png

父组件中定义方法：

截图6.png

父组件中使用子组件对象：

截图7.png

子组件componentDidMount：

截图8.png