React Hooks中forwardRef里面的泛型疑问?

Question

// 子组件
const TabItemChildren = forwardRef<RefHandle, ChildProps>((props, ref) = {})

RefHandle是子组件通过钩子useImperativeHandle中返回的对象类型声明，即抛给父组件中的ref上的属性的类型声明

为什么这个泛型是这样的， 这俩个泛型参数顺序不能更换， 我有点看不懂

Answer 1

猜测应该是出于props可能不需要显示定义类型的考虑

function forwardRef<T, P = {}>(render: ForwardRefRenderFunction<T, P>): ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;

这是官方类型定义，可以看到props是可选的【默认{}】，可选的泛型只能放在后面，至于render里为什么是props在前，而不跟泛型一致，估计是因为先有的实现才加的类型吧。这方面的原因可能得翻看下git提交历史才能知道

Answer 2

forwardRef的写法就这么定义的，你也可以自己改下

Answer 3

官网就是这样定义的：https://react.dev/reference/react/forwardRef

Answer 4

如果你想了解原理，去看一下源代码吧