鍍金池/ 問答/HTML5  PHP  HTML/ 如何給react里面一個子組件綁定事件?

如何給react里面一個子組件綁定事件?

子組件的代碼:

class AppDmx extends React.Component{

recursion() {
    var menuArr=[];
    for(var i=0;i<JsonDmx.length;i++)
    {
      menuArr[i]=React.createElement(Menu.Item,{key:""+i+1+""},JsonDmx[i]);
    }
    return menuArr;
}
render(){
    return (
        <div >
            <Menu style={{overflow:"auto",height:200}}>
                {
                    this.recursion()
                }
            </Menu>
        </div>
    );
}

};

在父組件里面的引用:
<Dropdown.Button size="large" overlay={<AppDmx onCilck={this.props.selectMenuDown}></AppDmx>}>
{this.state.dropDmxText}
</Dropdown.Button>

現(xiàn)在我在父組件里面給了子組件一個onClick 但是這個seletMenuDown 無法觸發(fā), 我想問的是,在我這種情況下,怎樣正確的設(shè)置點擊事件才能觸發(fā)。

回答
編輯回答
款爺

React 里面除了原生 HTML 元素之外,你自己的組件是不會自動觸發(fā)什么 onClick 之類的事件的,需要你自己手動調(diào)用父組件通過 props 傳入的方法。

2017年1月30日 19:20
編輯回答
巫婆

提問用點心,這樣的排版真的丑。

外面設(shè)置了,里面要用。

    比如這樣
   <div onClick={this.props.onClick}>
       <Menu style={{overflow:"auto",height:200}}>
           {
               this.recursion()
           }
       </Menu>
   </div>
2018年1月28日 01:28