手册
目录
收藏717
分享
阅读2239
更新时间2025-08-20
Hooks 在 16.8 版本中被添加到 React。
Hooks 允许函数组件访问状态和其他 React 特性。 因此，通常不再需要类组件。
虽然 Hooks 通常会替换类组件，但没有计划从 React 中删除类。
Hooks 允许我们"钩子"到 React 功能，例如状态和生命周期方法。
这是一个 Hook 的例子。 如果没有意义，请不要担心。 我们将在下一节中详细介绍。
import React, { useState } from "react";
import ReactDOM from "react-dom/client";
function FavoriteColor() {
const [color, setColor] = useState("red");
return (
<>
My favorite color is {color}!
);
}
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(运行实例 »
你必须 import Hooks from react。
这里我们使用 useState Hook 来跟踪应用程序状态。
状态通常是指需要跟踪的应用程序数据或属性。
Hook 有3条规则:
注意:Hooks 在 React 类组件中不起作用。
如果您有需要在多个组件中重用的有状态逻辑，您可以构建自己的自定义 Hook。
我们将在自定义 Hooks 部分中详细介绍。
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.2万人学习
共49课时
77.1万人学习
共29课时
61.8万人学习
共25课时
39.4万人学习
共43课时
71万人学习
共25课时
61.7万人学习
共22课时
23万人学习
共28课时
33.9万人学习
共89课时
125.2万人学习
