为什么create-react-app现在使用App的功能组件？

Question

曾经是

class App extends Components{
  //...
}

现在create-react-app在App.js中有此名称：

function App(){
  //...
}

有人知道为什么要进行此更改吗？他们是在暗示我们不应该在App中拥有状态吗？

Answer 1

自从在React中引入钩子以来，您就可以在函数组件中使用状态（请参阅useState）。

根据React 16.x roadmap post，将类组件缓慢过渡到功能组件可能是一个好方法：

  

挂钩不会弃用课程。但是，如果Hooks成功，则将来的主要发行版支持可能会转移到单独的软件包中，从而减小React的默认捆绑包大小。

Answer 2

组件类不是非常可重用的，并且缺乏互换性。最好使用远离类组件并开始使用功能组件的方法。请参阅此post