React 19 的 useFormStatus 治好了属性透传,却卡在一直返回 false
来源:dev.to — 2026-08-12 · 7 min 阅读
📋 概述
这是 React 19 表单系列文章(Part 3)。前两篇讲 useActionState 与 useOptimistic,本篇讲 useFormStatus。作者拆分订单表单后,支付字段、下单按钮、优惠券都要知道「正在提交」状态,传统做法只能把 isPending 一层层往下传。useFormStatus 本为跳过属性透传而生,但它只能在
🔑 核心要点
- useFormStatus 专为跳过表单提交状态的属性透传而设计。
- 它只能在
- 把 hook 放在不相关的位置只会一直返回 false。
- 拆分多组件表单时,提交状态需要被多个组件共享。
- 这是 useActionState/useOptimistic 系列的第 3 篇。
💡 金句
我花了十分钟,把 hook 放在了一个它根本无法工作的位置。
👍 0
👎 0
← 返回 dev.to 首页