当我尝试使用 svg 图标时反应返回 [object Object]

Question

我有一个组件，它返回一个 svg 图像的容器模板，获取它的链接和一个类名

export function Icon(icon, className) {
  return (
    <span
      className={classNames(['navbar-icon', className])}
      dangerouslySetInnerHTML={{ __html: icon }}
    />
  );
}

然后我将它导入到我需要的组件中

import iconHome from './img/icon/home.svg';
import { Icon } from '../Icon';

当我使用该组件将它传递给我需要的图标的链接时，我得到 [object Object]

<Icon icon={link.icon} />

如何解决？

Answer 1

尝试这个 ：

import {ReactComponent as Icon } from '../Icon';