Javascript (typescript)尝试将字体和图标作为对象传递给子组件时遇到问题
错误:“对象”类型不可分配给“IconProp”类型。 类型“object”不可分配给类型“[IconPrefix,IconName]”。ts(2322) index.d.ts(25,3):预期的类型来自属性“icon”,该属性在类型“intrinsitattributes&FontAwesomeIconProps”中声明Javascript (typescript)尝试将字体和图标作为对象传递给子组件时遇到问题,javascript,reactjs,typescript,font-awesome,Javascript,Reactjs,Typescript,Font Awesome,错误:“对象”类型不可分配给“IconProp”类型。 类型“object”不可分配给类型“[IconPrefix,IconName]”。ts(2322) index.d.ts(25,3):预期的类型来自属性“icon”,该属性在类型“intrinsitattributes&FontAwesomeIconProps”中声明 interface Props { img: object; } 父组件: import { faBriefcaseMedical } from "@fort
interface Props {
img: object;
}
父组件:
import { faBriefcaseMedical } from "@fortawesome/free-solid-svg-icons";
<MissionCards img={faBriefcaseMedical} />
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
<FontAwesomeIcon icon={Props.img} />
import{faBriefcaseMedical}来自“@fortwome/free solid svg icons”;
子组件:
import { faBriefcaseMedical } from "@fortawesome/free-solid-svg-icons";
<MissionCards img={faBriefcaseMedical} />
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
<FontAwesomeIcon icon={Props.img} />
从“@fortawesome/react fontawesome”导入{FontAwesomeIcon};
我想你可以像这样导入那种类型
import { IconProp } from '@fortawesome/fontawesome-svg-core';
interface Props {
img: IconProp;
}
您能提供
道具的类型吗。img
?它解决了我的问题,谢谢