React组件通信

React极具魅力的一个地方就是一个页面以组件的形式组成的，在维护和后续查看的时候结果非常清晰。

这里主要说一下以下两个方面：

一.子组件调用父组件方法（父组件向子组件传值）

1.将子组件要调用的方法或值添加到子组件的属性

2.子组件中采用this.props.xxx的方式调用

demo如下：

我们在父组件上初始化一个count，然后将其添加到子组件的属性上，在子组件中再通过this.props.ImParentFunction的方式条用。

结果：

二.父组件调用子组件方法（子组件向父组件传值）

1.子组件中设置好父组件要调用的方法

2.父组件中对子组件设置ref属性，比如ref="getChild"

3.子组件中通过this.refs.getChild.xxx形式调用。

demo如下：

componentDidMount为生命周期，表示载入完成立即执行。

父组件通过functionFromChildren函数采用this.refs.getChildrenFunction.imChildrenFunction的形式调用子组件的imChildrenFunction，并在页面载入后触发：