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

Question

我正在玩react.js。我创建了一个simple-minded app 它可以在我的桌面和我的Android平板电脑上运行，但是在我的手机上，无论是在Android浏览器还是在Firefox中，我都会得到一个空白页面。

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

React.initializeTouchEvents(true);

有什么想法吗？感谢。

Answer 1

包含您的JS，main.js的<script>标记位于document.body内，但也将您的React组件呈现为document.body并覆盖自身。尝试渲染到您提供的容器，看看是否修复了它：

当前

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

更改为呈现为#content：

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