标签:React18

共 10 篇文章

React useSyncExternalStore解决外部状态同步问题

问题场景 在 React 应用中,状态通常由 React 自身管理。但很多时候,我们需要使用 React 组件外部定义的状态,例如: 一个独立的、非 React 驱动的状态管理库(

# ReactHook # 状态同步 # 外部状态管理
2026-06-14 100 0

React 18的自动批处理与useTransition

React 18的自动批处理与useTransition React 18 带来了多项旨在提升应用性能和用户体验的更新。其中,自动批处理 Automatic Batching 和

# React18 # 自动批处理 # useTransition
2026-05-30 166 0

React useOptimistic在乐观更新中的应用

React useOptimistic在乐观更新中的应用 乐观更新是一种用户体验优化模式。其核心思想是:当用户执行一个可能耗时的操作(如提交表单、点赞、删除列表项)时,立即在界面上

# React # useOptimistic # 乐观更新
2026-05-30 201 0

React setState是同步还是异步?批量更新机制详解

React setState是同步还是异步?批量更新机制详解 直接回答核心问题:setState 本质上总是异步的,但在特定环境下表现出的更新时机不同。React 18 引入的“自

# React # setState # 批量更新
2026-05-17 185 0

React18的自动批处理与flushSync的使用场景

React18的自动批处理与flushSync的使用场景 React 18 引入了自动批处理机制,这是对性能优化的一次重大升级。同时,为了应对特殊场景,新增了 flushSync

# React18 # 自动批处理 # flushSync
2026-05-14 166 0

React useFormStatus获取父级form提交状态

React useFormStatus获取父级form提交状态 useFormStatus 是 React 18 引入的一个 Hook,用于在表单的子组件中获取父级 <form 的

# React18 # useFormStatus # 表单提交状态
2026-05-09 137 0

React useSyncExternalStore订阅外部数据源保持一致性

React useSyncExternalStore订阅外部数据源保持一致性 React 18 引入了并发特性,允许 React 中断、恢复或放弃渲染。如果在组件渲染过程中读取了外

# React # React18 # 外部数据源
2026-05-04 159 0

React Strict Mode严格模式下为什么组件渲染两次

React Strict Mode严格模式下为什么组件渲染两次 React 18 在开发环境下开启了 Strict Mode(严格模式),这会导致组件、状态更新函数、以及 useE

# React18 # 严格模式 # 组件渲染
2026-05-03 135 0

React useDeferredValue延迟低优先级状态更新

React useDeferredValue延迟低优先级状态更新 当开发大型列表或搜索功能时,快速响应用户的每一次输入往往会导致页面卡顿。React 18 引入的 useDefer

# React # React18 # 性能优化
2026-04-28 170 0

React useTransition实现非阻塞UI更新的原理

React useTransition实现非阻塞UI更新的原理 在处理 React 应用中繁重的列表渲染或复杂计算时,直接更新状态会导致主线程被阻塞,造成输入框卡顿、按钮无响应等糟

# React # 并发特性 # 性能优化
2026-04-26 179 0