【React】-----自学笔记 之 jsx

JSX语法规则

1. 定义虚拟DOM时，不要写引号
2. 标签中引入JS表达式时需要使用 {}
3. 样式类名要用className
4. 内联样式，要用style={{k:v}} 这种格式,多单词用驼峰不能用font-size 要用fontSize ，如：<input style={{color:'white',fontSize:'x-larger'}} 这种写法
5. 标签

• 标签必须闭合
• 只能有一个根标签
• 如果你要写两个div 不能<div>xx</div><div>xx</div> 要用 这种

<div>
<div>xxx1</div>
<div>xxx2</div>
</div>

• 首字母小写标签 必须是html标签
• 首字母大写标签 必须是React自定义的类或者组件（后面会写）
• 遍历集合时添加DOM元素时 要添加key属性
  arr.map((k,index)=>{return <li key={index}>{k}</li>})

6. js 表达式、语句

• js 表达式
  1. a
  2. a+b
  3. demo(1)
  4. arr.map()
  5. function test () {}
• 语句
  1. if语句 if() { }
  2. for循环 for() {}
  3. switch语句 switch () {case:xxx}