Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript (typescript)尝试将字体和图标作为对象传递给子组件时遇到问题_Javascript_Reactjs_Typescript_Font Awesome - Fatal编程技术网

Javascript (typescript)尝试将字体和图标作为对象传递给子组件时遇到问题

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

错误:“对象”类型不可分配给“IconProp”类型。 类型“object”不可分配给类型“[IconPrefix,IconName]”。ts(2322) index.d.ts(25,3):预期的类型来自属性“icon”,该属性在类型“intrinsitattributes&FontAwesomeIconProps”中声明

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
?它解决了我的问题,谢谢