一个始乱终弃的API —— forwardRef

文章预览

大家好，我卡颂。 React的API大多设计的很优雅，比如经典的 this.setState 。 但有一个API从诞生之初就争议不断，甚至很多熟练的开发者都不知道这个API存在的意义。 在最新的React19中，官方团队甚至明确提出 —— 会弃用并移除这个API。 这可真是字面意义的 「始乱终弃」 。 他就是 forwardRef 。 他在什么背景下产生？为什么争议不断？最后为什么被弃用？本文就来聊聊 forwardRef 背后的故事。 forwardRef诞生的初衷 ref 是 reference （引用）的缩写。既然是 引用 ，那根据React元素类型的不同自然有不同的引用效果。 比如，传递给 React Element 的 ref ，可以获得对应原生元素实例的 引用 。 // domRef.current 对应 HTMLInputElement 传递给类组件的 ref ，可以获得类组件实例的 引用 。 // instanceRef.current 对应 SomeClassComponent实例 由于函数组件没有对应实例，所以函数组件 ………………………………