hook api模板

Hook API模板是一种设计模式，它允许在React应用中更细粒度地管理组件的状态和行为。通常，我们会在函数式组件或者React Class Components中使用钩子（Hooks），如`useState`、`useEffect`、`useContext`等，来代替传统类组件中的生命周期方法。通过将状态管理、副作用操作等分散到各个需要的地方，hook让代码变得更简洁，组件之间的耦合度降低，同时也更容易理解和测试。

例如，`useState` Hook允许你在函数组件中添加状态，并提供更新状态和获取当前状态的API：

import { useState } from 'react';

function MyComponent() {
  const [count, setCount] = useState(0); // 初始化状态

  function handleClick() {
    setCount(count + 1);
  }

  return (
    <div>
      <p>点击次数: {count}</p>
      <button onClick={handleClick}>增加</button>
    </div>
  );
}