步骤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的方法