Jsx语法-用于描述界面UI的语言

1 .非dom属性 dangerousSetInnerHtml ,ref-父组件使用子组件,key-提高渲染性能
2 .在jsx中,任意的js表达式都必须写在大括号里面。
3 .render的顶级元素只能是一个
4 .jsx遇到html标签就使用html解析规则来解析,遇到代码块就{},就使用js规则解析
5 .属性:可以直接加字符串。也可以使用{}来定义以js为表达式为值的属性,使用小驼峰命名来定义属性的名称,而不是使用html原来的属性名

  1.class-className
  2.tabindex-tabIndex

6 .jsx中使用表达式

1.显示renderButton函数渲染一个ui。一般的表达式
2.显示变化的数值。一般表达式
3.根据条件判断显示元素。三元表达式或其他
4.在if或者是for中使用jsx,将他赋值给变量,当做参数传入,作为返回值。

7 .jsx闭合标签需要在末尾使用/>,就像xml,html一样。
8 .

你可能感兴趣的:(Jsx语法-用于描述界面UI的语言)