react/hooks

React Hooks 是 React 16.8 版本引入的新特性，它允许在不编写额外类的情况下使用 state 以及其他的 React 特性。下面将详细介绍 Hooks 的相关内容。

介绍

Hooks 是 React 16.8 的新增特性，它允许你在不编写类的情况下使用 state 以及其他的 React 特性。Hooks 让函数组件拥有了类组件的能力，如 state、生命周期方法等。

常用 Hooks

以下是一些常用的 Hooks：

useState：用于在函数组件中添加 state。
useEffect：用于在组件中执行副作用操作，如数据获取、订阅或手动更改 DOM。
useContext：用于访问 React 上下文。
useReducer：用于替代 useState，适用于更复杂的状态逻辑。
useCallback：返回一个记忆化的回调函数。
useMemo：返回一个记忆化的值。

示例

下面是一个使用 useState 和 useEffect 的简单示例：

import React, { useState, useEffect } from 'react';

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

  useEffect(() => {
    document.title = `You clicked ${count} times`;
  }, [count]); // 依赖项数组

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

扩展阅读

更多关于 React Hooks 的内容，请参考本站的 React Hooks 教程。