javascript - 在一个事件中 react 触发多个功能

Question

fireOne(){

}

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

我可以将一个事件与两个函数绑定(bind)吗？一个函数适用于当前组件，我也想将一些东西传递给子组件。

Answer 1

我认为这就是您想要完成的目标，但我不完全确定:

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'));

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