React Hooks 是 React 16.8 版本引入的新特性,它使得在不编写类的情况下使用 state 以及其他的 React 特性成为可能。下面是一些关于 React Hooks 的基本概念和使用方法。

常见 Hooks

  • useState: 用于在函数组件中添加 state。
  • useEffect: 用于在组件渲染后执行副作用操作。
  • useContext: 用于访问 React 上下文(Context)中的值。
  • useReducer: 一个更加强大的状态容器,适用于更复杂的状态逻辑。
  • useCallback: 返回一个记忆化的回调函数。
  • useMemo: 返回一个记忆化的值。

使用 Hooks 的例子

import React, { useState } from 'react';

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

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

更多信息

想要深入了解 React Hooks,可以参考官方文档:React Hooks

React Hooks