一. React的JSX介绍

1. JSX是JavaScrip 的一种扩展语法。React推荐使用这种语法,具有JavaScript的所有功能。

2. 为便于阅读,将JSX 分割成多行。推荐使用括号将 JSX 包裹起来,虽然这不是必须的,但这样做可以避免分号自动插入的陷阱。

3. 在属性中嵌入 JavaScript 表达式时,不要使用引号来包裹大括号。否则,JSX 将该属性视为字符串字面量而不是表达式。对于字符串值应该使用引号,对于表达式你应该使用大括号,但两者不能同时用于同一属性。

4. React DOM 使用驼峰 (CamelCase) 属性命名约定, 而不是HTML属性名称.例如,class 在JSX中变为className,tabindex 变为 tabIndex等。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 以下内容是我在学习和研究React时,对React的特性、重点和注意事项的提取、精练和总结,可以做为React特性...
    科研者阅读 8,378评论 2 21
  • HTML模版 之后出现的React代码嵌套入模版中。 1. Hello world 这段代码将一个一级标题插入到指...
    ryanho84阅读 6,394评论 0 9
  • React Native是基于React的,在开发React Native过程中少不了的需要用到React方面的知...
    亓凡阅读 1,566评论 1 4
  • 考虑下面的变量声明: 这个有趣的标记语法既不是字符串也不是HTML。 他被称为JSX,是一种JavaScript的...
    莫铭阅读 1,100评论 0 0
  • JSX Follow me on GitHub JSX1. 为什么会有JSX?2. JSX的基本使用2.1 JSX...
    Coder_不易阅读 593评论 0 0

友情链接更多精彩内容