使用服务器端渲染时反应校验和失败

Question

我构建了一个同构反应应用程序，有时元标记在服务器端没有自动关闭，并且我有以下无效校验和错误：

您正在尝试使用服务器渲染将组件渲染到文档，但校验和无效。这通常意味着您在客户端上渲染了与服务器上不同的组件类型或道具，或者您的 render() 方法不纯。由于跨浏览器的怪癖，React 无法通过在文档根处渲染来处理这种情况。您应该在组件中查找依赖于环境的代码，并确保 props 是相同的客户端和服务器端：

(client) -8" data-reactid="3"/><meta http-equiv="
(server) -8" data-reactid="3"><meta http-equiv="X

有没有办法避免这种情况？有什么想法吗？

Answer 1

假设密钥是相同的（它们似乎是），这是0.13.* 版本中的known issue。确保 react 和 react-dom 包都至少是 0.14.0 你应该很好。