嗨,我正在尝试将自己的svg导入antd ->图标组件,就像在文档中所示,但是我遇到了异常。
InvalidCharacterError:在“文档”上执行'createElement'操作失败:提供的标记名称('/ static / media / archive-solid.3c305173.svg')无效。
我正在使用create react app 2.1.1和antd版本3.10.3。我不想进行create react app eject,并且我没有访问webpack。有什么想法吗? 这是代码:
import React, { Component } from "react";
import { Layout, Menu, Icon } from "antd";
import ArchiveSVG from "../../../img/icons/archive-solid.svg";
const { Sider } = Layout;
class SideBar extends Component {
state = {
collapsed: false
};
onCollapse = collapsed => {
this.setState({ collapsed });
};
render() {
return (
<Sider
collapsible
collapsed={this.state.collapsed}
onCollapse={this.onCollapse}
>
<div className={styles.logo} />
<Menu theme="dark" defaultSelectedKeys={["1"]} mode="inline">
<Menu.Item key="4">
<Icon component={ArchiveSVG} />
<span>Products</span>
</Menu.Item>
</Menu>
</Sider>
);
}
}
archive-solid.svg
位于哪里?在src/
文件夹之外吗? - Alejandro