React中的document对象指向Core DOM还是Virtual DOM？

核心问题解答 #

在React代码中直接使用的document对象，完全指向浏览器的Core DOM（真实DOM），和Virtual DOM没有任何关系。Virtual DOM是React内部维护的一套JavaScript对象结构，它只是真实DOM的内存映射，并不会替换或覆盖全局的document对象。

你提到的绕过Virtual DOM直接操作DOM属于反模式，原因在于React依赖Virtual DOM的diff算法来跟踪状态变化并维护DOM一致性，直接操作真实DOM会导致React的内部状态和实际DOM不同步，进而引发难以排查的渲染问题。

提问优化建议 #

• 精准聚焦问题：可以把问题拆分为核心疑问和背景补充两部分，先明确你最想知道的内容（比如document指向哪个DOM），再说明问题的由来（相关讨论、你已掌握的概念），让问题逻辑更清晰。
• 补充代码片段：如果有涉及相关操作的代码示例，贴出来能帮助回答者更快理解你的使用场景，给出更贴合的建议。
• 无需自我否定：Stack Overflow欢迎各类基础问题，不用因为担心问题“太基础”而抱歉，很多新手都会遇到类似的困惑，你的提问也能帮助到后续有相同疑问的人。

内容的提问来源于stack exchange，提问作者thedomguy