Sometimes, we want to fix setTimeout() not working with React.
In this article, we’ll look at how to fix setTimeout() not working with React.
How to fix setTimeout() not working with React?
To fix setTimeout() not working with React, we can use call setState
in the setTimneout
callback.
For instance, we write
setTimeout(() => this.setState({ position: 1 }), 3000);
to call setTimeout
with a callback that calls this.setState
.
We use an arrow function for the callback since it doesn’t bind to its own value of this
.
This means this
will still be the component instance.
Conclusion
To fix setTimeout() not working with React, we can use call setState
in the setTimneout
callback.