DOM не готов вовремя после componentDidMount в React
Я вызываю функцию в React внутри componentDidMount, которая запрашивает DOM, однако DOM не отображается вовремя, хотя я вызываю ее после componentDidMount.
Странно то, что в webpack все работает нормально, а модель DOM отрисована и готова для моего querySelectorAll. Однако когда построено, это не так. Я пробовал использовать несколько типов серверов, и они всегда одинаковы.
Мои первоначальные мысли заключаются в том, что минимизация кода как-то портит его.
Мне нужно, чтобы функция запускалась только один раз, поэтому я поместил ее в компонент, который монтировался
Я не уверен, что я могу добавить к этому, но в настоящее время я имею дело с таким же поведением - у меня есть анимированная прокрутка на componentDidMount, которая не может правильно получить элементы offsetTop. Если я заверну его в setTimeout даже на 1 мс - offsetTop вычисляется правильно, поэтому практически я бы сказал, что реакция не выполняется с DOM в componentDidMount
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
componentDidMount вызывается только один раз в жизненном цикле любого компонента, повторная инициализация компонента не выполняется.
Вы когда-нибудь пробовали с componentDidUpdate. Это попадание при обновлении компонента.
Как объяснено в этот ответ, componentDidMount вызывается после того, как все дочерние компоненты были смонтированы, но до того, как были смонтированы какие-либо родительские компоненты.
Для меня это сработало, чтобы задержать мой код с помощью setTimeout() (с задержкой 0 мс) изнутри componentDidMount.
Есть код, который можно нам показать? Возможно, мы сможем помочь отладить его, если вы позволите нам :)