React Hooks 是React + 引入的主要特性。彻底替代了类组件，让函数组件拥有状态管理、副作用处理、性能调整等能力。整理了React + 全部内置Hooks，按「基础必用、副作用、状态进阶、引用、上下文、性能调整、并发、工具类」分类。每个Hook都包含「主要作用、语法、实战示例、适用场景、注意事项」，覆盖日常开发99%的场景，新手可直接套用，老手可查漏补缺。

从主要原则来看。所有Hooks仅能在「函数组件顶层」或「自定义Hook顶层」调用，不能在条件判断、循环、嵌套函数中调用。

一、基础必用Hooks

This 类Hooks 是 React 开发的基础...

. useState —— 函数组件状态管理

主要作用

给函数组件添加响应式状态...

语法

// 基础用法
const = useState;// 函数式初始值
const = useState => {
return computeInitialValue;// 昂贵计算逻辑
});// 函数式更新
setState;

实战示例

import { useState } from 'react';// 示例1：简单计数器
function Counter {
const = useState;const increment = => setCount;const decrement = => setCount;

再看当前计数，{count}
+
-

}
// 示例2：对象状态
function UserForm {
const = useState;const updateName = e => {
setUser);}，


姓名这方面，{user.name}。年龄：{user.age}

}

适用场景

•  简单响应式 状态管理：       •….，话说回来，.

...