React


Add CommentList and CommentForm


コンポーネントの構造は


javascript

// CommentBoxを生成する
var CommentBox = React.createClass({
  render: function() {
    return ( // CommentBox - CommentList - CommentForm が返る
      <div className="commentBox">
        <h1>Comments</h1>
        <CommentList />
        <CommentForm />
      </div>
    );
  }
});

// CommentListを生成する
var CommentList = React.createClass({
  render: function() {
    return (
      <div className="commentList">
        Hello, world! I am a CommentList.
      </div>
    );
  }
});

// CommentFormを生成する
var CommentForm = React.createClass({
  render: function() {
    return (
      <div className="commentForm">
        Hello, world! I am a CommentForm.
      </div>
    );
  }
});

// content へ CommentBox を出力
React.render(
  <CommentBox />,
  document.getElementById('content')
);