如何在reactjs中将数据从父组件传递给子组件？

Question

标题（父组件）由标题+标签菜单组成，必须通过标签菜单更改内容（子组件）。我想要做的是点击一个标签菜单（父母），内容滚动到顶部（儿童）看到最新的帖子。

那么，如何将我的点击事件从父母发送给孩子呢？

您能否提出解决此问题的最佳方法？

Answer 1

使用道具，您可以将数据或事件发送到子组件，试试这个：

在父组件中 -

_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/