You may call setState() immediately in componentDidUpdate() but note that it must be wrapped in a condition like in the example above, or you’ll cause an infinite loop.
The example is
componentDidUpdate(prevProps) {
// Typical usage (don't forget to compare props):
if (this.props.userID !== prevProps.userID) {
this.fetchData(this.props.userID);
}
}
In my case, i update and re-render component whenever i receive new data from websocket.
Don't forget to use
shouldComponentUpdate, because you're gonna make an infinite recursion in yourcomponentDidUpdateThanks for the tip there Truong.
Would you share a case how an infinite recursion could occur?
You can read it in the reactjs documentation, it says:
You may call setState() immediately in componentDidUpdate() but note that it must be wrapped in a condition like in the example above, or you’ll cause an infinite loop.
The example is
In my case, i update and re-render component whenever i receive new data from websocket.
Ah without it, a component definitely state to update infinitely.
Thanks Truong.