Example for how to `go` in function about react-morph HOT 8 CLOSED

Seems to have been added to the readme already:

<a onClick={() => go(1)}>

from react-morph.

Hi @beepcode, sorry for not clear. I mean using in user’s own function like the handleGo in the above code.

from react-morph.

Ok, the simplest solution would be to pass the go() function as a parameter. This would look like so:

handleGo = (go) => { go(); }

...

<a onClick={() => this.handleGo(go)}>

from react-morph.

Thanks, @beepcode , that is what I thought.

But <a onClick={() => this.handleGo(go)}> will causing rerender, right?

If it is, maybe the author can export something like below to help avoid rerender?

import { morphGo } from "react-morph";

handleGo = () => {
  morphGo();
  // something else
}

from react-morph.

You could use the lifecycle method "shouldComponentUpdate()" to prevent rerender.

from react-morph.

Thanks, I get it.
Hope the package can handle those things. Better experience for the rest of people.

from react-morph.

What are you trying to achieve exactly? Which "business case" are you trying to find a solution to? From my perspective the sole purpose of "go()" is to start the morph, so rerender is expected. Or are you trying to trigger the morph from outside?

from react-morph.

Oh, you are right! I forget rerender is necessary in this case for the animation. My bad.

from react-morph.