reactjs – React 16：警告：由于State,预期服务器HTML包含匹配

发布时间：2020-12-15 20:20:02 所属栏目：百科来源：网络整理

导读：我使用SSR收到以下错误警告：预期的服务器HTML包含匹配的 div在 div中检查组件装载时的浏览器宽度,然后设置组件的状态以呈现其移动版本时,问题出现在客户端上. 但是服务器默认了容器的桌面版本,因为它不知道浏览器宽度. 我该如何处理这种情况？我可以以某

我使用SSR收到以下错误

警告：预期的服务器HTML包含匹配的< div>在< div>中

检查组件装载时的浏览器宽度,然后设置组件的状态以呈现其移动版本时,问题出现在客户端上.

但是服务器默认了容器的桌面版本,因为它不知道浏览器宽度.

我该如何处理这种情况？我可以以某种方式检测服务器上的浏览器宽度并在发送到客户端之前呈现移动容器吗？

编辑：现在我决定在组件安装时渲染容器.这样,服务器端和客户端都不会在最初时阻止此错误.

我仍然愿意接受更好的解决方案

HTTP Client Hints可以帮助你.

Another interesting article regarding Client Hints.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!