Html由react设置的内容显示在控制台，但不显示在DOM中

Question

我使用react通过添加react CDN在index.html文件在我简单的HTML, CSS和JS编辑器根据根据这个doc React，它在我的代码编辑器的预览工作得很好:代码编辑器预览

但是在主网页上，它没有显示由root.render设置的react输出。我的网页视图

我想要我的根目录。渲染准确地运行两次，并显示我的数据，因为它在预览中显示。甚至数据也显示在控制台，而不是像这样显示在页面上:带有控制台的网页

"like_button_container86551"是react应用程序渲染的div的ID，你可以访问我在这里使用的完整代码react网站文件

Answer 1

我不知道真正的原因但我用一个技巧解决了它，因为数据显示在控制台这意味着DOM没有显示更新的数据所以我只是为内容的div分配一个键

<span onClick={handleClickOpen} key={contentKey}>
...
</span>

，在useEffect函数中呈现组件后，我将键值增加1，这意味着我刷新了DOM元素，现在显示了内容:

useEffect(() => {
setContentKey(1 + contentKey);
}, []);