标签: svg-react-loader

我有 React、Typescript、svgr。一切看起来都很好。

{\n  test: /\\.svg$/,\n  use: ['@svgr/webpack'],\n},\n

import Logo from 'assets/icons/logo.svg';\n

<Logo className={iconClassName} />;\n

TS不喜欢。

\n

TS2322：类型 '{ 类名：字符串；}' 不可分配给类型\n'IntrinsicAttributes'。\xc2\xa0\xc2\xa0 类型\n'IntrinsicAttributes' 上不存在属性'className'。

\n

我该怎么办？

谢谢！

PS 有趣！当我导入时{ReactComponent as Logo}- 我不再有错误。

我试图在同一个组件中导入和显示多个 SVG，但它实际上只是显示每次重复的第一个，而不是两个单独的 SVG。这是我的代码：

import React, { Component } from 'react';

import Account from '-!svg-react-loader!./svg/Account.svg';
import Alert from '-!svg-react-loader!./svg/Alert.svg';

<div className="col-lg-1">
  <Account className="icon" />
</div>

<div className="col-lg-1">
  <Alert className="icon" />
</div>

我们可以每页只有一个 SVG 实例吗？