reactjs - 如何在反应中导入保存为js文件的svg

Question

像这样的js文件

import React from "react";

export default () => (
  <svg
    className="xxx"
    data-testid="ggg"
    width="20"
    height="20"
    viewBox="0 0 20 20"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="xxxx"        />
  </svg>
);

如何导入这个并在其他组件中使用？

标签： reactjs

Answer 1

它是一个正常的组件：

import MySvg from 'path/to/svg'

<MySvg />