javascript - react state change problem

Question

I change the state value in react. First, the view has been rendered, but after changing the value, the display is still the original value

Thanks

Answer 1

http://stackoverflow.com/a/36...

Answer 2

React has its life cycle, this.state will change in the next cycle, not this cycle.

Answer 3

setState() is asynchronous!

If you want to see the updated state, you have to use callback:

setState(new_state, () => {
   console.log(this.state);
});

Also, if multiple setState() are called together, it may accumulate to refresh the page once.