微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

为什么要使用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层级复杂的问题

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐