使用语义UI反应将SVG渲染为图像

Question

我正在使用semantic-ui-react，我在渲染简单图像时遇到了一些问题。 导入图像后：

import { Button, Image, Header, Card } from 'semantic-ui-react';

这不起作用

   <Image floated='right' size='mini' src={require('./icons/logo.svg')}/>

这两个都没有：

import logo from './icons/logo.svg'
 ...
<Image floated='right' size='mini' src={logo}/>

Answer 1

Ricardo，该错误告诉您，在您的Webpack配置中，您没有配置处理SVG文件的加载程序。这可能是您要使用的：svg-loader