React新出来两个钩子函数是什么？和删掉的will系列有什么区别？
react16废弃的生命周期有3个will：componentWillMount、componentWillReceiveProps、componentWillUpdate
废弃原因：是在react16的Fiber架构中，调和过程会多次执行will周期，不再是一次执行，失去了原有的意义。此外，多次执行，在周期中如果有setState或dom操作，会触发多次重绘，影响性能，也会导致数据错乱。
React16的两个新生命周期：getDericedStateFromProps，getSnapshotBeforeUpdate
getDericedStateFromProps()：这个钩子函数在挂载更新都会被调用，这是个静态方法，不能用this
getDericedStateFromProps的用法
触发时机频繁，16.3是在props变化时触发，16.4则改为在每次组件渲染器调用，即无论props变化，组件自己setState，父组件render 都会触发 静态方法，本意是隔离访问组件实例，却造成访问组件的数据和方法十分不便，难以进行数据比较 不能setState，而是返回一个对象来更新state，使用不便，也可能触发多次更新状态 当组件实例化的时候，这个方法替代了componentWillMount()，而当接收到新的 props 时，该方法替代了 componentWillReceiveProps() 和 componentWillUpdate()
getSnapshotBeforeUpdate(prevProps,prevstate)：这个方法在render之后，componentDidUpdate()之前调用
这两个参数prevProps表示的是更新前的props，如果不需要snapshot则必须显示的返回null——因为返回的值讲作为componentDidUpdate()的第三个参数使用，所以这个函数必须配合componentDidUpdate（）一起使用。
这个函数的作用是在真是DOM更新前，获取一些需要的信息，然后作为参数传递给componentDidUpdate
getSnapshotBeforeUpdate的用法
在render之后，更新dom之前，state已更新。可以用来读取dom，强制用户只能在mount阶段读取dom。 getSnapshotBeforeUpdate这个周期在Fiber架构中，只会调用一次。
