<六>React复合组件

概念理解

复合组件其实就是组件内部嵌套组件

代码实现

图片.png

    /*
      复合组件其实就是组价内部嵌套组件
    */
    var WebName = React.createClass({
      render: function() {
        return <h1>百度</h1>;
      }
    });

    var WebLink = React.createClass({
      render:function(){
        return <a href="http://www.baidu.com/">http://www.baidu.com/</a>;
      }
    });

    var WebNameLink = React.createClass({
      render:function() {
        return (
          <div>
            <WebName />
            <WebLink />
          </div>
        );
      }
    });

    ReactDOM.render(
      <WebNameLink />,
      document.getElementById("hello2")
    );