我的简单的react.js应用程序是我手机上的空白页面（但可以在我的台式机和平板电脑上运行）。为什么？

Question

我正在玩弄react.js。我创建了一个简单的应用程序， 它可以在我的桌面和 Android 平板电脑上运行，但我在手机上看到一个空白页面，没有其他内容，无论是在 Android 浏览器中还是在 Firefox 中。

是的，我确实添加了所需的

React.initializeTouchEvents(true);

有任何想法吗？谢谢。

Answer 1

<script>包含 JS main.js 的标签位于内部，但document.body也会渲染您的 React 组件document.body并覆盖其自身。尝试渲染到您提供的容器，看看是否可以解决问题：

当前的：

React.renderComponent(RotationContainer( {data:DATA} ), document.body);

更改为渲染为#content：

React.renderComponent(
  RotationContainer( {data:DATA} ),
  document.querySelector("#content")
);