react父子组件传值

1、父==》子组件传值
父组件

import Son from './Son'
<div>
  <Son val = { this.state.name }/>
</div>

子组件

<div>
     这是父传给子的值：{this.props.val}
</div>

2.子==》父组件传值
子组件

clickHandle = ()=> {
      this.props.clickHandle('我是儿子的数据')
}
<button onClick = { this.clickHandle }>修改</button>

父组件

clickHandle = (data)=> {
    this.setState({ name: data })
}
<Son clickHandle = { this.clickHandle } />