function not defined inside a function wrapper that is sent over an onClick callback ReactJS

Asked May 30 '17 at 14:06

Active May 30 '17 at 14:06

Viewed 37 times

there is this thread that I tought it was my solution. Basically what I want to do is to send multiple function inside one that is sent over an onClick callback. The console returns an error saying that my functions inside wrapper function are not defined.

This is my code:

function1(){
 this.setState({
      ...
 });
}
function2(){
 ...
}
mainFunction(e){
 function1();
 function2();
}

<Component2 clickHandler={this.mainFunction}/>

I also bind the functions in my constructor method just in case. When I fire the event clicking in my second component i get return that function1 is not defined. Any ideas?

asked May 30 '17 at 14:06

Emmanuel

2,957
3
14
17

It should be `this.function1();`. `function1` is a property of the function, not a binding at is in scope. – Felix Kling May 30 '17 at 14:08
Yes it worked thank you very much! – Emmanuel May 30 '17 at 14:32
I meant to say "property of the object". – Felix Kling May 30 '17 at 14:35
Can you posted as an answer in order to marked as accepted answer please – Emmanuel May 30 '17 at 14:49

function not defined inside a function wrapper that is sent over an onClick callback ReactJS

0 Answers0