为何尽量避免使用废弃生命周期？React Hook 比起 Class 有什么优缺点？React key 的作用？ 可不可以使用 index 作为 key ?

为何尽量避免使用废弃生命周期？

• 比如在 componentWillMount 里发起异步请求，以为可以让页面早点显示出来，但异步请求再怎么快也快不过（React 15 下）同步的生命周期。componentWillMount 结束后，render 会迅速地被触发，所以说首次渲染依然会在数据返回之前执行。这样做不仅没有达到你预想的目的，还会导致服务端渲染场景下的冗余请求等额外问题，得不偿失。
• Fiber 架构下会因为中断和重启导致多次调用，如果内部有付款类的接口请求则会出现大问题
• 防止各种骚操作，比如在 componentWillReceiveProps 中使用 setState 直接爆栈

React Hook 比起 Class 有什么优缺点？

• 优点

1. 解决 class 的 this 和 生命周期两大痛点
2. 更好地拆分逻辑代码，每个 Hook 就做一件事
3. 更好地复用代码，不会跟 HOC 一样出现嵌套地狱

• 缺点

1. 缺少 getSnapshotBeforeUpdate 这类生命周期的实现
2. 在过度复杂或者过度拆分方面摇摆不定，对开发者的水平提出了更高的要求。
3. Hooks 在使用层面有着严格的规则约束（比如不要在循环、条件或嵌套函数中调用 Hook。）
   
   
   React 面试简单知识点整理：我写在面试一点通里了，请点击或访问：http://www.msedt.com/infoflow/details/1022