文章/答案/技术大牛

发布

社区首页 >问答首页 >React 16警告"warning.js:36警告:不期望服务器HTML在<div>中包含<div>。“

问React 16警告"warning.js:36警告:不期望服务器HTML在<div>中包含<div>。“
EN

Stack Overflow用户

提问于 2017-07-27 20:06:48

回答 3查看 46.7K关注 0票数 43

我正在使用带有服务器端渲染的React 16 beta (react-fiber)

我要理解这是什么意思呢？

warning.js:36 Warning: Did not expect server HTML to contain a <div> in <div>.

reactjs

react-fiber

回答 3

Stack Overflow用户

回答已采纳

发布于 2017-07-28 18:44:42

在react代码中查找该错误，似乎是在SSR html不能恢复状态时发生的。

https://github.com/facebook/react/blob/7a60a8092144e8ab2c85c6906dd4a7a5815cff1f/src/renderers/dom/fiber/ReactDOMFiberComponent.js#L1022

因此，您最初以某种方式在客户端和服务器上呈现了一个不同的树。

票数 32

Stack Overflow用户

发布于 2018-06-15 19:20:06

只需将快速响应从

<body>
    <div id="root">
        ${markup}
    </div>
</body>

至

<body>
    <div id="root">${markup}</div>
</body>

删除标记之间的空格

票数 47

Stack Overflow用户

发布于 2021-02-19 17:04:21

在Next.js中使用Modal时，我也遇到了同样的警告。我的工作是在主页上创建一个弹出窗口。

我找到了一个解决方案。如果模式显示状态首先实现，则会生成此警告。因此，我首先将其设置为未定义，然后在页面呈现后将其设置为true。代码如下。

 const [modalShow, setModalShow] = React.useState();
  useEffect(() => {
    if ( modalShow === undefined ) {
      setModalShow(true)
    }
  }, [modalShow])

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45350360

复制

相似问题

问React 16警告"warning.js:36警告:不期望服务器HTML在<div>中包含<div>。“
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React 16警告"warning.js:36警告:不期望服务器HTML在<div>中包含<div>。“EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React 16警告"warning.js:36警告:不期望服务器HTML在<div>中包含<div>。“
EN