对于 ReactJS，从使用 Container 组件和 Presentation 组件到使用 Hooks 有什么变化？

Question

过去，在 ReactJS 中，一种方法是将我们的组件分为容器组件和展示组件，甚至Dan Abramov 也写了一篇关于它的注释，如果我们现在可以使用 Hooks，则不再是这种情况。

现在应该怎么做——Hooks 是如何解决问题的？

问题更像是：即使有可以有状态的函数组件，我们是否仍然应该将我们的应用程序设计为具有具有状态的容器组件，并且具有严格没有状态的表现性组件，因此就像“纯函数”一样道具和当前数据。或者我们不应该关心和使用我们拥有的每个组件中的状态？

Answer 1

使用钩子，您可以使功能组件有状态，这是一个示例

Const Component =()=>{
 Const [count, setCount]=useState(0);
 Return(
    <Button

      onClick={()=>setCount(count+1)}      
     >{count}</Button>)}

** 如果您比较基于类的组件和功能组件，您将看到钩子如何减少代码，使阅读和理解更清晰，希望我解释得很好！**