Reactjs function "is not a function"

Question

I am trying to use an additional function on submit as I usually did but it shows it's not a function.

confirmSubmission = () => { // This doesn't work either: confirmSubmission() {
    //doSomething();
}

onSubmission(survey, options) {
    this.confirmSubmission(); // here it says Uncaught error: confirmSubmission is not a function
}

The function I used:

return (<MyCOmponent model={model} onComplete={this.onSubmission}/>);

Other code that I have within onComplete executes fine if confirmSubmission is not there.

I have a similar code with another function which works perfectly fine in the same component:

componentDidMount() {
    this.loadData(); // This works
}

loadData() {
    doSomething();
}

I am confused why it doesn't like the confirmSubmission call. Any ideas?

flaxel · Accepted Answer · 2021-01-10 13:48:03Z

2

Try replacing

onSubmission(survey, options)

with an arrow function, it's the famous "this" issue

edited Jan 10, 2021 at 13:48

flaxel

4,6874 gold badges22 silver badges32 bronze badges

answered Jan 10, 2021 at 7:34

Mahmoud K

852 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

hgb123 · Accepted Answer · 2021-01-10 07:27:54Z

0

You must have forgotten to bind the this context to onSubmission

constructor(/*...*/) {
  //..
  this.onSubmission = this.onSubmission.bind(this)
}

or

return (<MyCOmponent model={model} onComplete={this.onSubmission.bind(this)}/>);

answered Jan 10, 2021 at 7:27

hgb123

14.9k3 gold badges24 silver badges43 bronze badges

1 Comment

nickornotto Over a year ago

Indeed, I was looking to register the wrong function. I don't quote understand why then it works without registering onSubmission when the additional function is not called in there?

Collectives™ on Stack Overflow

Reactjs function "is not a function"

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related