JSX语法规则

  1. 定义虚拟DOM时,不要写引号
const VDOM = 
123
  1. 标签中混入Js【表达式】时要用{}

react会自动遍历数组,但是对象不可以
注意:只能使用表达式,不能使用js语句

  1. 样式的类名指定不要用class,要用className
  2. 内联样式,要用style = {{ key: value }} 的形式
  3. 只有一个根标签
  4. 标签必须闭合
  5. 标签首字母
    (1). 若小写字母开头,则将标签转为html中同名元素,若html中无该标签同名元素,则报错;
    (2). 若大写字母开头,reat就去渲染对应的组件,若组件没有定义,则报错。
  6. JSX中的注释
{/*

{name},今天天气很{ isNice ? '好' : '不好' }

*/}

你可能感兴趣的:(JSX语法规则)