В документации React к useEffect написано:
Unlike componentDidMount and componentDidUpdate, the function passed to useEffect fires after layout and paint, during a deferred event.
componentDidMount/DidUpdate вызывается после рендера и монтирования компонента. Я всегда думал, что если компонент смонтирован, то он и отрисован в брузере. В связи с этим вопросы:
- Действительно ли, что вызов метода render и монтирование компонента в dom-дерево не гарантирует отрисовку его в браузере ? Если так, то в какой момент браузер "решает" перерисовать dom-дерево ?
- Блокирует ли componentDidMount/DidUpdate отрисовку браузера (т.е останавливает ее) или он ее просто замедляет ?
- Если componentDidMount/DidUpdate вызывает ДО отрисовки браузера, тогда почему в самом методе componentDidMount/DidUpdate мы можем получить (через ref или через querySelector) dom-узел и все его свойства, включая размеры, отступы и т.д. ? При этом все свойства будут правильные и точные. Откуда он их берет, если сам dom-узел еще не отрисован.
Буду благодарен за ответ.