对于react.js亲子数据结合实时通信的示例代码

react.js,在我自己的摸索和学习,我所遇到的问题进行实时数据通信之间的父与子组件和数据绑定。我研究了它,与你分享,留下了一张字条给我自己。




进口反应,{成分} from'react
进口reactdom from'react-dom

类childcounter扩展组件{
渲染(){
返回(

{这个道具。}


}
}
*
*默认所需的一些步骤很方便,每个人都可以看到。
* 1。默认值
* 2。初始状态
* 3。钩子函数
* 4。法的功能
**
类计数器扩展组件{
默认属性对象
静态defaultprops = {
编号:5
}
构造函数(道具){
超级(道具);
获取我的初始状态
这个状态= {
编号:props.number
}
}
钩子函数
componentwillmount(){
console.log(分量将安装)
}

componentdidmount(){
console.log(组件安装完成)
}

(handleclick =)= > {
/ / this.setstate方法是异步的,和this.setstate方法只能调用一次函数
多次调用将只合并一次。
this.setstate((上,下)= >({
沪指 / /
编号:沪指数+ 1。
})
console.log(回调函数执行)
})

/ / this.setstate({指数:这个状态。指数+ 1 })

}
渲染(){
叫/子组件childcounter,当前状态值传递
返回(

{这个状态。}
+



}
}
对页面进行渲染
reactdom.render(,document.queryselector(#根))



以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。