JSX初探

最近在搞react的项目,学习过程中发现了JSX,决心研究一下到底是什么

什么是JSX

JSX代表JavaScriptXML的意思,属于JavaScript的扩展。

JSX特点

可以将任何JavaScript代码通过{ }嵌入到HTML中,也可以将XML便签(这里不是HTML,因此所有标签必须闭合)嵌入到JavaScript中。

tip

  • 因为JSX相比HTML更加接近JavaScript,因此对一些HTML的属性名做了一些替换和更改。
  • 是 XML 不是 HTML,所以所有的标签都要闭合,如 <img /><div />
  • 每段 JSX 里的 XML 只能有一个根元素,不然就报错。
  • XML 里面可以用 {} 混入 任何 JS 代码。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 以下内容是我在学习和研究React时,对React的特性、重点和注意事项的提取、精练和总结,可以做为React特性...
    科研者阅读 8,297评论 2 21
  • —— 基础知识、JSX介绍、React 元素、组件和属性、状态和生命周期 此文档来自 React 官方文档,在英文...
    thelastcookies阅读 497评论 0 1
  • 005@关于JSX语法 转(有所更改):React入门:关于JSX语法可以参考的资料:React.js学习笔记之J...
    蓦然之间的阅读 942评论 0 0
  • 原文地址:Learning React.js is easier than you think原文作者:Samer...
    sunshine小小倩阅读 4,255评论 3 41
  • 首先,我必须告诉将来每位看到这里的人们,这里是几几年,因为我要在梦里穿越到另外一个年代,当然,我希望是在未来,一个...
    古小枫阅读 614评论 1 1