Redux 表单自定义道具 FieldArray 与 Typecript

问题描述

我正在尝试将 redux-form 与 TS 一起使用并面临以下问题

// mainComponent.tsx

     <FieldArray
      name="elements"
      component={ElementDetails}
      props={{
        deleteElement: deleteElement,duplicateElement: duplicateElement,skipElement: skipElement,editElement: handleEditClick,}}
    />

// ElementDetails.tsx

interface IElementDetails {
  deleteElement: () => void;
  duplicateElement: () => void;
  skipElement: () => void;
  editElement: (id: string) => void;
  fields: [];
}

 export const ElementDetails: React.FC<WrappedFieldArrayProps<IElementDetails>> = ({
  deleteElement,duplicateElement,skipElement,editElement,fields,}) => {....}

对于所有传递的额外道具，出现以下错误

属性 'deleteElement' 不存在于类型 'WrappedFieldArrayProps & { children?: ReactNode; }'。

有人可以指导我我在这里做错了什么。提前致谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）