和我一起实战react之JSX_html/css_WEB-ITnose

JSX

我们知道React使用一颗DOM对象树来描述文档，如果它是普通的对象，会是怎样？

var element = {  tagName: 'div',  props: {    id: 'div',    className: 'container'  },  children: [    {      tagName: 'div',      props: {        id: 'div1',        className: 'header'      },      children: [...{element}]    },    {      tagName: 'div',      props: {        id: 'div2',        className: 'content'      },      children: [...{element}]    },    {      tagName: 'div',      props: {        id: 'div3',        className: 'footer'      },      children: [...{element}]    }  ]} 

对应的 HTML：

  


      
查看更多关于和我一起实战react之JSX_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did114930