1.在{}中不能显示的类型 null undefined boolean
(1)为什么不显示：做判断,this.state={flag:true} {this.state.flag ?"nihao":null} 或者{flag && 'nihao'}
(2)如何渲染：转为字符串
this.state={ test1 = null, test2 = undefined, test3 = true }
2.对象不能作为JSX的子类
person:{ name:"sdf", age:65, }
直接报错
3.嵌入表达式
函数
5、条件判断
6.过滤遍历
简化
7.截取
8.类型验证
类组件添加proptypes
9.父传子
10.插槽
11.多个组件传递值，使用...props来传递
12.context
函数式组件
嵌套
13.setState设计成异步的原因
及时获取变化
14 合并累加
15受控组件 <select name="fruits" value={this.state.fruits} onChange={ e => this.handleChange(e)}> value设置默认值
多个表单元素处理输入数据时，使用"name"来抽取公共代码
16高阶组件登录检测
17 protals
18 Fragment 不需要外面包裹DIV时，使用Fragment
或者使用短语法，但是短语法不能添加任何属性
为了性能优化，列表需要添加key，但是短语法不能添加属性，报错
19 使用模板字符串对函数进行调用
20 styled-compoents 选中 span中的active要用 &
使用变量动态改变样式
1.
2.注意：标签必须是组件，图三这种方式无效
无效
共享数据
21 动态添加class
使用classnames import classNames from 'classnames'
如果this.state.titile值为转换为布尔值为false，则不显示
