组件组合与数据传递：props

每当创建新的子组件之后，都需要在根组件中的render()函数中return相应的组件树：

<div className="commentBox">
    <h1>Comments</h1>
    <CommentList />
    <CommentForm />
</div>

与React.render()实例化跟组件一样，<CommentList />实例化每一个子组件，在JSX中只能使用className，因为class为保留字，其他的也类似。

return (
      <div className="comment">
        <h2 className="commentAuthor">
            {this.props.author}
        </h2>
            {this.props.children}
      </div>
    );

在return的组件树中通过一个属性value的方式可以在组件之间传递数据。从父节点传递到子节点的数据称为 props，是属性（properties）的缩写，通过this.props.key就可以访问到相应的value，通过children可以访问任何内嵌元素。在 JSX 中将JavaScript表达式放在大括号中，可以作为属性或者子节点，即遇到<符号渲染HTML标签，遇到{识别为JS表达式。