（打字稿）试图将字体真棒图标作为对象传递给子组件时遇到问题

Posted 2023-02-21

【中文标题】（打字稿）试图将字体真棒图标作为对象传递给子组件时遇到问题

【英文标题】：(typescript) facing problem trying to pass font-awsome icon as object to child component

【发布时间】：2021-08-14 21:43:16

【问题描述】：

错误：类型“object”不可分配给类型“IconProp”。 类型“对象”不可分配给类型“[IconPrefix, IconName]”.ts(2322) index.d.ts(25, 3)：预期类型来自属性“icon”，该属性在此处声明类型为“IntrinsicAttributes & 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 />

【问题讨论】：

你能提供Props.img的类型吗？

【参考方案1】：

我认为您可以像这样导入该类型

import  IconProp  from '@fortawesome/fontawesome-svg-core';
interface Props 
   img: IconProp;

source