类型“FC＜Props＞”的参数不能赋给类型“ForwardRefRenderFunction＜unknown, Props＞”的参数。属性“defaultProps”的类型不兼容。不

一麻袋小猫

于 2022-07-31 09:38:44 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： React ts 文章标签：前端 javascript 开发语言

本文链接：https://blog.youkuaiyun.com/Zmongo/article/details/126081865

React 同时被 2 个专栏收录

29 篇文章

订阅专栏

2 篇文章

订阅专栏

本文讲述了在React中，当无状态函数组件（FC）与React.forwardRef结合时遇到的类型错误，并详细介绍了问题原因及解决方案，即如何通过普通函数组件来避免此类错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

场景：react+ts 父子组件皆为无状态函数式组件，子组件使用了React.forward
报错：类型“FC”的参数不能赋给类型“ForwardRefRenderFunction<unknown, Props>”的参数。
属性“defaultProps”的类型不兼容。
不能将类型“Partial | undefined”分配给类型“undefined”。
不能将类型“Partial”分配给类型“undefined”
原因：报错写的很清晰了，FC与React.Forward不能同时使用
解决：这时就用普通函数组件定义方式

const MenuEditView = (props: Props, ref: any):any => {
}

export default Reacr.Forward(MenuEditView )

就一切正常了嘿

类型“FC＜Props＞”的参数不能赋给类型“ForwardRefRenderFunction＜unknown, Props＞”的参数。 属性“defaultProps”的类型不兼容。 不

类型“FC＜Props＞”的参数不能赋给类型“ForwardRefRenderFunction＜unknown, Props＞”的参数。属性“defaultProps”的类型不兼容。不