React中forwardRef和useImperativeHandle导致“类型“never”上不存在属性“childFocusFn”。ts(2339)该如何解决？

类型“never”上不存在属性“childfocusfn”。ts(2339) 的解决方法

在使用 react 时，如果你在使用 forwardref 和 useimperativehandle 创建组件时，遇到 "类型“never”上不存在属性“childfocusfn”。ts(2339)" 错误，通常是因为你没有正确设置引用的类型。

问题原因：

在你的例子中，父组件的 ref 使用了 useref(null)，这将 ref 的类型设置为 null，而 never 类型表示一个永远不会返回的值。因此，当你在 ref.current 上调用 childfocusfn 时，编译器无法识别它，因为 never 类型上不存在该属性。

解决方案：

要解决此错误，你需要正确地设置 ref 的类型。由于你在子组件中使用 useimperativehandle 提供了一个叫做 childfocusfn 的方法，因此 ref 的类型应该是一个对象，该对象具有 childfocusfn 属性。

修改后的代码如下：

// 父组件
const ref = useRef<{ childFocusFn: () => void }>(null);

登录后复制

通过设置正确的引用类型，编译器将能够识别 ref.current.childfocusfn 并成功调用它，从而解决 "类型“never”上不存在属性“childfocusfn”。ts(2339)" 错误。

以上就是React中forwardRef和useImperativeHandle导致“类型“never”上不存在属性“childFocusFn”。ts(2339)该如何解决？的详细内容，更多请关注抖狐科技其它相关文章！