Question

我在react js中写了一个简单的评论框应用程序。代码如下：

$http

当我在本地服务器上打开该代码时，我得到一个空白页面。我甚至用这样的凉亭安装了reactjs：

<!DOCTYPE html>
<html>
  <head>
    <script src="https://fb.me/react-0.13.2.js"></script>
    <script src="https://fb.me/JSXTransformer-0.13.2.js"></script>
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
  </head>
  <body>
    <div id="example"></div>
    <script type="text/jsx">
     var CommentList = React.createClass({
  render: function() {
    return (
      <div className="commentList">
        Hello, world! I am a CommentList.
      </div>
    );
  }
});

var CommentForm = React.createClass({
  render: function() {
    return (
      <div className="commentForm">
        Hello, world! I am a CommentForm.
      </div>
    );
  }
});
    </script>
  </body>
</html>

但结果是一样的。
为什么要加载空白页？

Answer 1

您已经定义了React类，但没有告诉React将它们放在DOM中。

尝试添加：

React.render(<CommentForm />, document.getElementById('example'));

或：

React.render(<CommentList />, document.getElementById('example'));

在块的底部

，以查看页面上的元素。

理想情况下，你需要单独的DIV表格和表格。名单。 e.g。

<div id='commentform'></div><div id='commentlist'></div>

Answer 2

您只是定义类而不是实际向DOM呈现任何内容。我怀疑你想要创建一个由CommentList和CommentForm组成的顶级组件，并将其呈现到class binario{ public: int n; binario(); // constructor sin parametros binario(int); //Constructor con parametro void estado(); //funcion long int convierte(); //funcion long int complementouno(); //funcion }; binario::binario(){ //binario clase :: binario constructor sin parametro n=0; //inicialia n = 0 }; binario::binario(int n){ //binario clase :: binario (int n) constructor con parametro **binario::n=n;** }; div中。

example

查看React.render的文档。您可能还想查看React tutorial。

Fiddle

开发reactjs应用程序时出现问题

2 个答案: