reactjs - React 服务器端渲染校验和警告

Question

我有一个文件上传组件。

IE8：使用 iframe 进行文件上传。

Chrome：使用 FormData

在进行服务器渲染时，iframe 是在 HTML 中创建的。

当 Chrome 加载页面时，没有 iframe。

所以引起了警告：警告：React试图在容器中重用标记，但校验和无效

我的问题：如何处理这种情况？

Answer 1

你可以解决这个问题。你是否应该是另一个问题......

在 React 运行它的第一个渲染周期之前，无论<iframe>在页面中放置（或不）是什么。您可以在 main componentscomponentDidMount()方法中防止这种情况（以及任何其他修改 DOM）。

有一种更复杂的方法可以在服务器上获取 userAgent 字符串并在那里适当地呈现（Radium这样做）。

但是，该警告是无害的。它没有与 React 的生产（缩小）版本一起显示，因此只会影响开发体验。在我看来，我会说保持原样，而不是因为开发中的警告而将更复杂的代码投入生产。也许只是尝试让服务器默认不执行 iFrame。