ReactJS - render called, but DOM not updated

后端 未结 4 2378
终归单人心
终归单人心 2021-02-19 05:55

This has happened to me a few times. I have always managed to work around the issue, yet I am still intrigued to understand why this happens, and what I have missed.

Ess

4条回答
  •  小鲜肉
    小鲜肉 (楼主)
    2021-02-19 06:49

    synchronousSlowFunction is as you mentioned synchronous. This means, that it blocks your component while it is running. That means, that react cannot update your component, because it has to wait for the callback function to complete until it can call render with the updated values. The setTimeout wrap makes the call asynchronous, so that react can render/update your component, while the function is doing its work. It is not the time delay, that makes it work but simply the callback, which is not render blocking. You could also wrap in in a Promise or make the slow function async to prevent render blocking.

提交回复
热议问题