为什么要使用JSX

通过 React.createElement 创建层级复杂的虚拟DOM,层级会变得非常复杂

<div>
  <h1>title</h1>
  <p>hello react.js</p>
</div>
React.createElement("div", null, 
    React.createElement("h1", null, "title"),   
    React.createElement("p", null, "hello react.js"));

使用JSX  (babel会将JSX转换成  React.createElement()  )

const ele = (
    <div>
        <h1>title</h1>
        <p>hello react.js</p>
    </div>
)
  • 使用JSX后,可以很轻松的解决 React.createElement创建虚拟DOM层级复杂的问题
上一篇:vue3里面render函数


下一篇:渲染函数render