Как ReactionJs обновляет все изменения в DOM в одном цикле событий, чтобы нарисовать DOM только один раз

Question

Я читал статью об обновлении dom вactjs.Reactjs обновляет все изменения в одном цикле событий. Я понимаю цикл событий в javascript и как он работает в ядре javascript. Можно ли рассказать, как реагирует на цикл dj для обработки событий dom

Answer 1

React имеет Виртуальный DOM, не управляет DOM напрямую.

Виртуальный DOM является копией HTML DOM и является локальным для React.Мы можем назвать это абстракцией HTML DOM.Итак, какие бы изменения ни потребовалось внести в DOM, React делает это с этим Virtual DOM и соответствующим образом синхронизирует Real DOM.

React обновит весь Virtual DOM.

Когда мы вызываем метод render (), он сравнивает Virtual DOM перед обновлением и тот, что после обновления, чтобы определить, какие объекты былиизменилось.Он использует алгоритм Diffing.

Затем сравните Virtual DOM с реальным, и только измененные объекты будут обновлены на реальном DOM.