参数propTypes
对于传递给子组件的数据，有时候我们可能希望进行验证，特别是对于大型项目来说：
当然，如果你项目中默认继承了Flow或者TypeScript，那么直接就可以进行类型验证；
但是，即使我们没有使用Flow或者TypeScript，也可以通过 prop-types 库来进行参数验证；
从 React v15.5 开始，React.PropTypes 已移入另一个包中：prop-types 库
更多的验证方式，可以参考官网：https://zh-hans.reactjs.org/docs/typechecking-with-proptypes.html
比如验证数组，并且数组中包含哪些元素；
比如验证对象，并且对象中包含哪些key以及value是什么类型；
比如某个原生是必须的，使用 requiredFunc: PropTypes.func.isRequired
如果没有传递，我们希望有默认值——使用defaultProps
children实现插槽
每个组件都可以获取到 props.children：它包含组件的开始标签和结束标签之间的内容。
props实现插槽
通过children实现的方案虽然可行，但是有一个弊端：通过索引值获取传入的元素很容易出错，不能精准的获取传入的原生；
另外一个种方案就是使用 props 实现：
通过具体的属性名，可以让我们在传入和获取时更加的精准；
React的跨父子组件的数据共享
React提供了一个API：Context；
Context 提供了一种在组件之间共享此类值的方式，而不必显式地通过组件树的逐层传递 props；
Context 设计目的是为了共享那些对于一个组件树而言是“全局”的数据，例如当前认证的用户、主题或首选语言；
setState设计为异步
可能会被合并。使用函数，更新不会被合并
setCount(count=>count+1)
setState设计为异步，可以显著的提升性能；
如果每次调用 setState都进行一次更新，那么意味着render函数会被频繁调用，界面重新渲染，这样效率是很低的；
最好的办法应该是获取到多个更新，之后进行批量更新；
如果同步更新了state，但是还没有执行render函数，那么state和props不能保持同步；
state和props不能保持一致性，会在开发中产生很多的问题；
如何可以获取到更新后的值
setState的回调
在生命周期函数
setState默认是异步的（React18之后）
代码可以同步会拿到，则需要执行特殊的flushSync操作
PureComponent
◼如果所有的类，我们都需要手动来实现 shouldComponentUpdate，那么会给我们开发者增加非常多的工作量。
我们来设想一下shouldComponentUpdate中的各种判断的目的是什么？
props或者state中的数据是否发生了改变，来决定shouldComponentUpdate返回true或者false；
◼事实上React已经考虑到了这一点，所以React已经默认帮我们实现好了，如何实现呢？
将class继承自PureComponent。
创建refs来获取对应的DOM
◼ 方式一：传入字符串
使用时通过 this.refs.传入的字符串格式获取对应的元素；
◼ 方式二：传入一个对象
对象是通过 React.createRef() 方式创建出来的；
使用时获取到创建的对象其中有一个current属性就是对应的元素；
◼ 方式三：传入一个函数
该函数会在DOM被挂载时进行回调，这个函数会传入一个 元素对象，我们可以自己保存；
使用时，直接拿到之前保存的元素对象即可；
受控组件
checkbox
select
