javascript - reactjs如何将数据从父组件传递到子组件？

Question

Header(父组件)由header + tab menu组成，Contents(子组件)必须通过tab menu改变。我想要做的是单击选项卡菜单(父级)时，内容滚动到顶部(子级)以查看最新帖子。

那么，如何将我的点击事件从父级发送到子级？

你能建议解决这个问题的最佳方法吗？

Answer 1

使用 props，你可以向子组件发送数据或事件，试试这个:

在父组件中-

_handleOnclick(text){
    console.log('in parent component', text);
}

render(){
   return(
     <Child onClick={this._handleOnclick.bind(this)}/>
   )
}

在子组件中-

_handleClick(){
   console.log('in child component');
   this.props.onClick('child calling');
}

render(){
    return(
       <p onClick={this._handleClick.bind(this)}>Click Me</p>
    )
}

检查 jsfiddle 链接:https://jsfiddle.net/px2dphje/2/