美文网首页
菜鸡ReactJs-02 组件嵌套

菜鸡ReactJs-02 组件嵌套

作者: 菜鸡 | 来源:发表于2016-06-16 13:11 被阅读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标签包着,结果就出错了。

相关文章

网友评论

      本文标题:菜鸡ReactJs-02 组件嵌套

      本文链接:https://www.haomeiwen.com/subject/ylumdttx.html