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

3j86kqsm 于 2022-12-09 发布在 React

关注(0)|答案(1)|浏览(157)

我正在使用react，方法是在我的简单HTML、CSS和JS编辑器中的index.html文件中添加react CDN（根据此文档React），它在我的代码编辑器预览中运行良好：Code Editor's Preview
但是在主网页上，它没有显示root.render.My Webpage View设置的react输出
我希望我的root.render能准确运行两次，并显示预览中显示的数据。即使数据显示在控制台中，但不在页面上，如下所示：WebPage with console
“like_button_container86551”是react应用将在其中呈现的div的ID，您可以访问我在这里使用的完整代码React website file

Html

来源：https://stackoverflow.com/questions/74705246/html-content-set-by-react-showing-in-console-but-not-in-dom

1条答案

按热度按时间

nukf8bse1#

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

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

在呈现组件后的useEffect中，我将键增加1，这意味着我刷新了DOM元素

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

现在显示的内容

赞(0）回复(0）举报 2022-12-09

我来回答

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

1条答案

相关问题

热门标签

最新问答