如何在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/