jsx

jsx简介

  1. 全称:JavaScript XML
  2. react定义的一种类似于XML的js扩展语法JS+XML
  3. 本质是React.createElement(component,props,…children)方法的语法规范
  4. 作用:用来创建虚拟DOM
  5. 标签名任意:HTML标签或其他标签

jsx语法核心规范

  1. 定义虚拟DOM是,不要写引号。
  2. 标签嵌入JS表达式时要用{ }
  3. 样式的指定类名不要用class,要用className
  4. 内联样式,要用style={ {key:value}}的形式去写
  5. 只有一个根标签
  6. 标签必须闭合
  7. 标签首字母
    若小写字母开头,则将改写标签,则将改写标签转为html中同名元素,若HTML中无该标签对应的同名元素,则报错。
    若大写字母开头,react就去渲染对应的组件,若组件没有定义,若组件没有定义,则报错

你可能感兴趣的:(#,react,前端框架,jsx)