注释
不同数据类型在JSX内的展示
- 情况一：string， number， array类型的数据，可以作为内容直接展示（array默认join(',')）
- 情况二：null, undefined,Boolean类型的数据，内容为空（想展示，转成字符串）
- 情况三：object类型不能作为子元素（not valid as a react child）
- 情况四：JS表达式
- 情况五：三元运算
- 情况六：函数调用（针对render中一些复杂逻辑，可以单独封装函数，在render中调用）
JSX中绑定属性
基本属性：title, src,href
jsx中不需要记任何语法，所有绑定的内容或属性只要是变量，全部用{}即可
绑定class
这里注意三个点：
- jsx中不使用关键字class而是使用className作为css类名
- className多个类名正常就是字符串空格间隔。
- className如果要绑定动态变量的话，有两种绑定形式，字符串拼接&数组转字符串：（最终都是第二点的字符串）
字符串拼接一：
字符串拼接二：
数组转字符串：
绑定style
- jsx中不使用变量，书写style的方式为：对象形式使用css属性，涉及到-的使用驼峰
- jsx使用变量，书写style方式：state中定义对象形式css属性，jsx中style={}引用
