JSX 基本语法

1.XML基本语法

• 定义标签时，只允许被一个标签包裹——必须被一个标签包裹

• 标签一定要闭合

  2.元素类型

  两种元素类型：DOM元素和组件元素——首字母小写对应DOM元素，而组件元素首字母大写

  注释

  在子元素中使用注释需要用{}包起来：

  const APP = () => {
  <Nav>
    {
   /* 多行注释*/
  }  
  </Nav>
  }

  3.元素属性

  DOM元素得属性是标准规范属性，但是有两个例外——class和for，这是javaScript关键词，转换为：

• class属性改为className

• for属性改为htmlFor

  Boolean属性

  省略Boolean属性值会导致JSX认为bool值设为了true。要传false时，必须使用属性表达式。

  4.HTML转义

  React 会将所有要显示到DOM得字符串转义，防止XSS。
  解决办法：

• 直接使用UTF-8

• 使用对应字符得Unicode编码查询编码
• 使用数组组装
• 直接插入原始得HTML