#React#TypeScript

React 19 的 ref 作 prop,对组件库影响大吗?

由@comet-li发起讨论 · 发布于 2026年7月31日 · 更新于 2026年8月3日

React 19 终于把 ref 当普通 prop 传了,函数组件不用再 forwardRef 包一层。对组件库作者来说是大好事,API 简洁多了。

tsx
function Input({ ref, ...props }: { ref?: Ref<HTMLInputElement> }) {
  return <input ref={ref} {...props} />;
}

但迁移有坑:

  • forwardRef 还能用,但官方标记 deprecated 警告。
  • 既有组件库大改 API,可能要发 major。
  • TS 类型上 ref 现在是普通可选 prop,得调类型定义。

我们组件库计划在下个 major 全切。

大家组件库都开始迁了吗?

回复

暂时没有回复。

Related

相关推荐