01-jsx


多层嵌套:


多层嵌套

js中的变量,写在花括号里面:


js中的变量,写在花括号里面

内联样式通过对象方式引入:


对象方式

数组遍历:


数组遍历

1.jsx中添加属性时,使用className代替class,像label中的for属性,使用htmlFor代替;

2.jsx创建DOM的时候,所有的节点,必须有唯一的根元素进行包裹;

3.jsx语法中,标签必须成对出现,如果是单标签,则必须自闭合;

4.在jsx中可以直接使用js代码,直接在jsx中通过{}中间写js代码即可;

5.在jsx中只能使用表达式,不能出现语句;

6.在jsx中注释语法:{/*这里是注释*/}


想放其他东西就要加{}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 以下内容是我在学习和研究React时,对React的特性、重点和注意事项的提取、精练和总结,可以做为React特性...
    科研者阅读 8,291评论 2 21
  • 005@关于JSX语法 转(有所更改):React入门:关于JSX语法可以参考的资料:React.js学习笔记之J...
    蓦然之间的阅读 942评论 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,696评论 1 45
  • JSX是React的核心组成部分,它使用XML标记的方式去直接声明界面,界面组件之间可以互相嵌套。可以理解为在JS...
    可乐爱上咖啡阅读 72,039评论 1 63
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,308评论 0 3