CODEWITHSUNDEEP
javascriptreactjs
Giala Jefferson
Giala Jefferson

Reputation: 1929

react fire multiple function in an event

fireOne(){

}

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

Can I bind one event with 2 function? one function is for current component, I want to pass something down to the children component as well.

Upvotes: 0

Views: 76

Answers (1)

Oscar Franco
Oscar Franco

Reputation: 6260

I think this is what you are trying to acomplish, but I'm not completely sure:

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

Upvotes: 1

Related Questions