菜鸡ReactJs-02 组件嵌套

2016-06-16  本文已影响9人  菜鸡
    <script type="text/jsx">
    //创建第一个组件
    var Test_o = React.createClass({
      render: function(){
        return (
          <div>
            <h1>hello</h1>
            <Test_t />
          </div>
         )
        }
     });
    //创建第二个组件
    var Test_t = React.createClass({
      render: function(){
        return ( <h1>World</h1> )
      }
    });



    React.render(
      <Test_o />,
      document.getElementById('TestCont'),
      function(){
        console.log('渲染完成啦!!');
      }
    )
    </script>

这个没啥好说的,就是把组件套组件。。。一直套下去用。

套起来用的时候,当时外面没用DIV标签包着,结果就出错了。

上一篇 下一篇

猜你喜欢

热点阅读