Егер createPortal қолданылып, элемент көршілес div контейнеріне орнатылса, Virtual DOM-ға не болады?

createPortal қолданғанда React баламалы элементті көрсетілген DOM-элементке орнатады, ол ағымдағы компоненттің иерархиясынан тыс орналасқан, бірақ Virtual DOM тұрғысынан бұл элемент сол React ағашының бөлігі болып қалады.

Бұл мынаны білдіреді:

• Virtual DOM порталды қалай болғанда да бақылап, күйі мен жаңартуларын жалғастырады.
• Портал арқылы рендерленетін React-компоненттердің жаңартулары бір Virtual DOM шеңберінде өтеді.
• Портал визуалды түрде элементті DOM-да басқа орынға орналастыруға мүмкіндік береді, бірақ ол логикалық түрде ата-аналық компонентпен байланысты.

Мысалы, егер сізде модаль терезе болса, оны құжаттың түбірінде (<div id="modal-root">) көрсету керек болса, сіз портал қолдана аласыз, ол оны сол жерге орналастырады, ал React оның күйі мен жаңартуларын әдеттегідей басқарады.

Сонымен, Virtual DOM «элементті жоғалтпайды», ол оны нақты DOM-да басқа орынға рендерлеп, React ағашымен байланысын сақтайды.