知行

2026-06-09 22:56:28

React 学习笔记：Callback Hook

useCallback 基础什么是 useCallback？ useCallback 是 React 提供的性能优化 Hook，用于缓存函数定义。它的核心思想是： > 如果依赖项没有变化，就直接返回上次的函数引用，避免重复创建新函数。简单来说，`useM

#React#前端

Article

2026-06-09 22:47:20

React 学习笔记：Memo Hook

useMemo 基础什么是 useMemo？ useMemo 是 React 提供的性能优化 Hook，用于缓存计算结果。它的核心思想是： > 如果依赖项没有变化，就直接返回上次计算的结果，避免重复计算。这种"缓存返回值以避免重复计算"的做法，在计算机科

#React#前端

Article

2026-06-08 14:10:46

React 学习笔记：useEffectEvent

概述 useEffectEvent 是 React 19 引入的一个新 Hook，用于将 Effect 中的"事件处理逻辑"与"副作用逻辑"分离。它解决了一个常见问题：如何在 Effect 中读取最新的 props 或 state，而不导致 Effect 重新运行。核心

#React#前端

Article

2026-06-08 14:08:19

React 学习笔记：useLayoutEffect Hook

useLayoutEffect 基础什么是 useLayoutEffect？ useLayoutEffect 是 useEffect 的一个同步版本，它会在浏览器重新绘制屏幕之前执行。 - useEffect：在浏览器完成绘制之后异步执行（不

#React#前端

Article

2026-06-05 13:19:19

React 学习笔记：Effect Hook

useEffect 基础什么是副作用（Side Effect）？在 React 中，组件的主要职责是根据 state 和 props 渲染 UI。但实际应用中，组件还需要做一些"额外的事情"： - 发送网络请求（获取数据） - 操作 DOM（修改标题、聚焦输入框） -

#React#前端

Article

2026-06-03 18:01:05

React 学习笔记：Ref Hook

useRef 基础基本用法 useRef 是 React 的核心 Hook，用于引用一个不需要渲染的值。它返回一个可变的 ref 对象，其 .current 属性被初始化为传入的参数。 `jsx import { useRef } from 'react'; fu

#React#前端

Article

2026-06-03 17:54:54

React 学习笔记：Reducer Hook

useReducer 基础基本用法 useReducer 是 React 的另一个核心 Hook，用于管理复杂的状态逻辑。它通过 reducer 函数来集中管理状态更新。 `jsx import { useReducer } from "react"; // 定义 r

#React#前端

Article

2026-06-03 17:15:59

React 学习笔记：State Hook

useState 基础基本用法 useState 是 React 的核心 Hook，用于在函数组件中添加状态变量。 `jsx import { useState } from "react"; function Counter() { // 声明状态变量 coun

#React#前端

Article

2026-06-02 17:49:31

React 学习笔记：脱围机制

使用 ref 引用值核心概念 ref 用于让组件"记住"某些信息，但不触发重新渲染。它是 React 单向数据流的"脱围机制"。 useRef 基本用法 `js import { useRef } from 'react'; const ref = us

#React#前端

Article

2026-06-02 11:24:15

React 学习笔记：状态管理

用 State 响应输入核心思想 React 采用声明式 UI 编程方式，开发者只需声明组件可以处于的不同状态，React 会自动计算如何更新 UI。声明式 vs 命令式 | 命令式 | 声明式 | |--------|--------| | 直接操作 DO

#React#前端

已展示 10 条 / 共 14 条