How To call this inside event callback ?

[bagoesz21]

Hi, i have inertia post. When event success called, i want call my function inside event callback. Here look :

Inertia.post('/users', data, {
  onBefore: (visit) => {},
  onStart: (visit) => {},
  onProgress: (progress) => {},
  onSuccess: (page) => {
    this.myFunction();
 },
  onError: (errors) => {},
  onCancel: () => {},
  onFinish: () => {},
})

But, i'm got error, myFunction undefined.
How, i call my function inside event callback ? Thanks ..

[claudiodekker]

Hi,

This almost guaranteed has to do with the fact that the behaviour of this inside of an arrow function differs from the way a normal function is defined:

• In a regular function, the this variable refers to the object in which that function exists.
• In an arrow function, the this variable refers to the this value in the parent scope.

Since you are already using the arrow function syntax for your onSuccess callback, this is referring to the scope in which your Inertia.post was call is defined. It's likely that that scope, or one of the scopes surrounding that one, is a regular function, which is causing this to be 'rewritten', therefore losing the context that allows you to access myFunction.

Hope this helps! If not, it would be appreciated if you could update your post with more relevant code of the context in which these functions exist, as the code you provided seems to be correct!

[bagoesz21]

https://inertiajs.com/manual-visits#event-callbacks
Okey, i got this solution. Thanks