react中的hooks

React Hooks 是 React 16.8 版本引入的一项新特性，它允许我们在无需编写类组件的情况下使用状态和其他 React 特性。Hooks 提供了一些函数，比如 useState、useEffect、useContext 等，可以帮助我们在函数组件中管理状态、处理副作用以及共享状态等。

useState 是最常用的 Hook，它允许我们在函数组件中添加状态。当我们调用 useState(initialState) 时，它会返回一个包含当前状态和一个更新状态的函数的数组。我们可以使用数组解构赋值将其分配给变量。例如：

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
}

export default Counter;

在上面的例子中，useState(0) 返回一个初始状态为 0 的 count 变量和一个更新 count 的 setCount 函数。每当点击按钮时，setCount 函数将会更新 count 的值。