react之组件通信（父与子，子与父）

父给子传递

通过props传递数据或者方法, 子组件用this.props.xxx进行接收
eg:

//父组件
<div>
 <child content={item}/>
</div>

//子组件 child
<div>
 {this.props.content}
</div>

子给父传递

子组件绑定事件， 然后通过this.props.xxx() 调用父组件中的方法， 去修改父组件中的数据

//子组件
<div onclick={this.handleClick.bind(this)}>
  {this.props.content}
</div>

handleClick() {
  //调用父组件中的 yyy()
  this.props.xxx(data)
}

//父组件
<div>
 <Parent xxx={this.yyy.bind(this)}/> //把方法传递给子组件
</div>

yyy() {
 //修改数据
}