【2023最新-React知识总结（Jsx语法的使用注意）】

干货满满，期望读者能有所收获！

1.注意点

1. JSX不是字符串，不需要加引号

2. JSX中的html标签应该小写，React中的组件应该大小开头

3. JSX中有且只有一个根标签

4. JSX的标签必须正确闭合（自结束标签必须写/）

5. 在JSX中可以使用{}嵌入表达式

6. 如果表示是空值、布尔值或者undefined这些值将不会展示

7. JSX属性可以直接在标签里设置

   • class使用className代替
   • 点击事件使用onClick
   • style必须使用对象设置 style={{backgroundColor:'red'}}

2.引入babel.js

1. 可以将jsx语法编译为js语句执行
2. JSX语法就是（js语法的扩展）