2016-12-12 41 views
2

ヘッダー(親コンポーネント)はヘッダー+タブメニューで構成され、コンテンツ(子コンポーネント)はタブメニューで変更する必要があります。私がしたいのは、タブメニューをクリックする(親)、コンテンツを上にスクロールする(子)最新の投稿を見ることです。reactjsの親コンポーネントから子コンポーネントにデータを渡すには?

enter image description here

だから、どのように私は親から子への私のクリックイベントを送信することができますか?

この問題を解決する最善の方法を提案できますか?チャイルドコンポーネント - で親コンポーネント - で

_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のリンクをチェックしてください:小道具を、あなたはこれを試してみて、子コンポーネントにデータやイベントを送信することができます使用

答えて

関連する問題