react里子父通信和父子通信的实现

步骤1、先点击button按钮，然后，子组件里的头发：变成小平头

先在html中引入react.min.js、react-dom.min.js、browser.min.js，然后在body里面创建一个id为app的实例
要编写组件的代码要写在script type="text/babel"中babel可以解析es6中语法糖的语法
1、创建一个Fathr组件，在getInitialState中编写hair的初始值状态：“五颜六色 长发披肩”
render（）{

}
里就是我们要渲染的部分因为我们是createClass，所以这里div的属性是className，写一个button onClick的事件处理代码
2. 不带参数 默认参数是事件对象 千万别加() 3. 带参数 通过bind实现 默认参数会放到最后方
onClick={this.fun.bind(null,4,6)}，一点击getInitialState的值变成小平头

3、再编写Son组件render里return里面号h3标签里的值通过Father组件props自定义属性把值传给Son组件

1.接下来再讲一下子父通信如何实现不同的是在父组件里再Father组件写了一个changeName函数,然后通过Son组件的button按钮触发了props的fafun自定义属性里是this.changeName的方法