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

Question

我正在玩弄react.js。我创建了一个simple-minded app它可以在我的桌面和 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")
);