【前端】JS----JSX知识

一、基本使用

  1.createElement方法：过于繁琐

  2.React.createElement(“div”,{id:”d1”,className:”item”},

                  React.createElement(“ul”,null),

                  React.createElement(“li”,null,”ok”),

                  React.createElement(“li”,null,”no”)))

     繁琐、不直观、不优雅、体验感差

3.JSX代码：

<div id=”d1” class=”item”>

     <ul>

        <li>ok</li>

        <li>yes</li>

        <li>no</li>

</ul>   

</div>