React组件

方法一（不传参）：

创建组件：

    var HelloMessage = React.createClass({ 

         render: function() { 

             return

Hello World！

;

          }

    });

使用组件：

    ReactDOM.render( 

        ,

        document.getElementById('example')

    );

方法二（向组件传参==>使用 this.props 对象）：

创建组件：

    var HelloMessage = React.createClass({ 

         render: function() { 

             return

Hello {this.props.name}

;

          }

    });

使用组件：

    ReactDOM.render( 

        ,

        document.getElementById('example')

    );

方法三（复合组件即多个组件组件成一个组件）：

    // 组件一

    var WebSite = React.createClass({ 

        render: function() { 

            return (

               

                        // 组件二

                       // 组件三

                

            );

        }

    });

    // 组件二

    var Name = React.createClass({ 

        render: function() {

            return (

               

{this.props.name}

            );

        }

    });

    // 组件三

    var Link = React.createClass({

        render: function() {

            return (

                {this.props.site}      

            );

        }

    });

    // 输出页面

    ReactDOM.render(

        ,

        document.getElementById('example')

    );