前提：

下载依赖，配置

cnpm i babel-preset-react -D

JSX语法的本质：

还是以 React.createElement 的形式来实现的，并没有直接把 用户写的 HTML代码，渲染到页面上；

语法：

1.如果要在 JSX 语法内部，书写 JS 代码了，那么，所有的JS代码，必须写到 {} 内部。

2.当 编译引擎，在编译JSX代码的时候，如果遇到了`<`那么就把它当作 HTML代码去编译，如果遇到了 `{}` 就把 花括号内部的代码当作 普通JS代码去编译。

3.在{}内部，可以写任何符合JS规范的代码。

4. 在JSX中，有关键字限制，如果要为元素添加`class`属性了，那么，必须写成`className`，因为 `class`在ES6中是一个关键字；和`class`类似，label标签的 `for` 属性需要替换为 `htmlFor`。
5. 在JSX创建DOM的时候，所有的节点，必须有唯一的根元素进行包裹，和vue一样。
6. 如果要写注释了，注释必须放到 {} 内部。

最新文章

  1. python的一道面试题 __call__ 的使用.
  2. css3 TransformZ() 3D缩放
  3. SVN服务器&amp;客户端的搭建和使用
  4. python数据结构与算法——桶排序
  5. 给table设置滚动条
  6. 根据ip查询地区，经纬度等-geoip2
  7. Android：储存方式之SharePreferences
  8. 眼见为实(1)：C++基本概念在编译器中的实现
  9. 从Kali 2.0 转至 Kali Rolling
  10. arm指令集
  11. struts2.1.6教程五、拦截器
  12. 腾讯云数据库团队：MySQL语句复制（SBR）的缺陷列举
  13. iOS UIAlertController在Tableview中显示缓慢，迟钝，延迟
  14. [BZOJ1053] [HAOI2007] 反素数ant (搜索)
  15. 超强js博客值得学习！！！
  16. 二十二、Hadoop学记笔记————Kafka 基础实战 ：消费者和生产者实例
  17. python爬虫第六天
  18. P2178 [NOI2015]品酒大会
  19. 转://Oracle 事务探索与实例(二)
  20. R语言学习-set.seed()

热门文章

  1. Swift 循环
  2. php判断为空就插入，判断不为空就更新
  3. [服务器时区问题]PHP Warning: strftime(): It is not safe to rely on the system&#39;s timezone set
  4. 005-多线程-锁-JUC锁-LockSupport【使用、Unsafe、对比Object的wait、底层源码】
  5. Build Telemetry for Distributed Services之Jaeger
  6. Spring Security(2)：过滤器链（filter chain）的介绍
  7. 使用 bash 脚本把 AWS EC2 数据备份到 S3
  8. CMake版本升级
  9. C#进阶系列—WebApi
  10. springBoot--组合注解RestController，GetMapping，PostMapping