react-父子组件间通信

2020-07-15  本文已影响0人  东方三篇

React-父子组件间通信

父组件传 值 给子组件, 传 方法 给子组件

# 父组件

handleClick = (val) => {
  // 要传入子组件的方法
}

<F>
  <S data={data} handleClick={this.handleClick}></S>
</F>

子组件接收 值 ,触发父组件的 方法

# 子组件

btnclick = (val) => {
  this.props.handleClick(val) // 触发父组件传入的方法,并且传参回去
} 

render(){
  const {data} = this.props // 或者直接在标签里面 {this.props.data}
  return ...
}
上一篇 下一篇

猜你喜欢

热点阅读