构建 React 的基石：组件

在 React 中，组件是构建应用程序的核心。在应用程序中，组件是自包含、模块化、动态的 html 节点。一个组件经常也是另外一个组件的子组件。这种组合的方式在一个应用环境中就会更有意义：

/＊＊ @jsx React.DOM ＊/
var Thing = React.createClass({
    render: function() {
        return (
            <p>{this.props.name}</p>
        );
    }
})；



var ThingList = React.createClass({
    render: function() {
        return (

            <h1>My Things:</h1>,
            <Thing name="Hello World! " />
        );
    }
});

React.renderComponent(
  <ThingList />,
  document.querySelector('body')
);

在这个例子中，renderComponent 方法启动了应用程序并且渲染一个组件到指定的 DOM 节点中。如果你是第一次看到 React，你一定会对这个例子中的一些东西感到奇怪。