在一个事件中反应多个功能

时间:2017-03-16 06:32:52

标签: javascript reactjs

fireOne(){

}

render(){
   return(
     <p onClick={this.fireOne.bind(this)}></p>
   )
}

我可以用2个函数绑定一个事件吗?一个函数用于当前组件,我也希望将一些函数传递给子组件。

1 个答案:

答案 0 :(得分:1)

我认为这是你想要实现的目标,但我并不完全确定:

&#13;
&#13;
class MyComponent extends React.Component {

  foo1 = () => { console.log('ahh');}
  
  foo2 = () => { console.log('beh');}
  
  render() {
    return(<div onClick={() => {
      this.foo1();
      this.foo2();
    }}>AHH </div>)
  }
}

ReactDOM.render(<MyComponent />, document.getElementById('root'));
&#13;
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id="root"/>
&#13;
&#13;
&#13;