react 学习笔记

1. React 标签，有一个属性dangerouslySetInnerHTMl ,用于保留原有标签的样式，即让react正常显示你的html代码，dangerouslySetInnerHTMl 的值是一个对象，如： { __html: item } item的值是html代码段，但是滥用 innerHTML，可能造成xss攻击。

2. 16版的react中this.setState() 不再建议直接返回一个对象，而建议传入一个函数然后在返回一个对象，这个函数有个参数是prevState,this.setState的第二个参数也是一个函数他可以将setState从异步改为同步,如果我们想在setState之后直接获取dom元素可以在setState的二个参数中获取。

3. 尽量少用ref，但是不可避免的要用到原生的dom做动画的时候可以使用ref

4. 无状态组件：使用function定义的组件

5. ui组件：无状态组件，只负责页面的渲染，没有逻辑操作

6. 容器组件：使用class定义的组件，不负责数据的展示，只负责页面的逻辑 ，包含了组件的生命周期函数，以及自己的状态

7. 无状态组件比性能上比容器组件高，因为容器组将是使用class定义的，使用的时候还要对class进行实例化。