菜鸡ReactJs-02 组件嵌套

    <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标签包着,结果就出错了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,645评论 1 41
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,079评论 25 709
  • 大老板们跟管理咨询师最大的区别其实是,面对问题他们有的是经验,而管理咨询师有的是一整套思维方式和逻辑。 ...
    悟空姐姐666阅读 2,833评论 0 0
  • 我最不想嫁的“就是我爸那种人”。 在公司一次闲聊中,小茴的话,差点让我们惊掉下巴。按理说,女儿是爸爸的小情人,爸爸...
    涵露微微阅读 3,674评论 0 1
  • 为什么需要学习html5? 1、跨平台运行2、硬件要求低3、代替flash html5的新特性 1、用于绘画的ca...
    faith3729阅读 1,209评论 0 3