react.js我自己还在摸索学习中，碰到父子组件数据绑定实时通讯的问题，研究了一下，分享给大家，也给自己留个笔记：
importReact,{Component}from'react'
importReactDOMfrom'react-dom'
classChildCounterextendsComponent{
render(){
return(
{this.props.count}
)
}
}
/*
*大家默认规定的一些步骤，方便大家看
*1.默认值
*2.初始化状态
*3.钩子函数
*4.方法函数
**/
classCounterextendsComponent{
//默认属性对象
staticdefaultProps={
number:5
}
constructor(props){
super(props);
//获取我的初始状态
this.state={
number:props.number
}
}
//钩子函数
componentWillMount(){
console.log('组件将要挂载')
}
componentDidMount(){
console.log("组件挂载完成")
}
handleClick=()=>{
//this.setState方法是异步的，一个函数里面只能调用一次this.setState方法
//调用多次会合并，只执行一次
this.setState((prev,next)=>({
//上一次的状态prev
number:prev.number+1
}),()=>{
console.log("回调函数执行")
})
//this.setState({index:this.state.index+1})
}
render(){
//调用子组件ChildCounter，把当前状态值传过去
return(
)
}
}
//渲染到页面
ReactDOM.render(
,document.querySelector("#root"))
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。
