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

Question

I have a component that returns a container template for a svg image, taking a link to it and a className

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

then I import it into the component I need

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

and when I use the component to pass it a link to the icon I need, I get [object Object]

<Icon icon={link.icon} />

how fix that?

Answer 1

尝试这个 ：

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