Javascript 我能'；t将前置CTX组件直接渲染到document.body中

请参见以下示例：

或代码：

HTML

反应应用程序

JS

/**@jsx h*/
从“preact”导入{h，render}；
函数App（）{
回凉；
}
render（，document.body）；

渲染结果如下所示：

结果

酷

我想让我的

#root

dom元素为空，但PreactX接管了对该dom节点的控制，为什么会发生这种情况

---

我想直接将我的PreactX组件呈现到document.body中。

Preact基本上是将

document.body

（

）的原始内容与新内容

Cool

进行扩散和合并，从而得出以下结果：

Cool

如果进入

public/index.html

并删除第13行：

，您将看到生成的html现在是：

Cool

TLDR；您正在将preact装载到已包含内容的

document.body

，preact正在将这些内容与您的“App.js”组件进行比较和合并。清空index.html中的body标记就可以了