自定义hook 和自定义组件的区别

自定义 hook 和自定义组件都是 React 中常用的抽象机制，但它们的作用和用法略有不同。

自定义 hook 是将一些具有共性的逻辑提取出来，以实现逻辑的复用和分离。自定义 hook 可以包含状态、副作用和其他逻辑，其主要目的是为了将组件中重复的逻辑抽象出来，以方便复用和测试。

自定义组件则是将 UI 细节和逻辑封装到一个单独的组件中，以便于复用和维护。自定义组件可以接收属性作为输入，并渲染出对应的 UI。

总之，自定义 hook 更多地关注逻辑的复用，而自定义组件更多地关注 UI 的复用。同时，自定义 hook 本质上是一个函数，而自定义组件是一个类或函数组件。