小编Hai*_*sev的帖子

如何将svg导入antd -> Icon组件

嘿,我正在尝试将我自己的 svg 导入到 antd -> Icon 组件中,如文档中所示,但我遇到了异常

InvalidCharacterError:无法在“文档”上执行“createElement”:提供的标记名称(“/static/media/archive-solid.3c305173.svg”)不是有效名称。

我使用 create React app 2.1.1 和 antd 版本 3.10.3 我不想执行 create React app 弹出操作,并且我无法访问 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}
   > …
Run Code Online (Sandbox Code Playgroud)

svg create-react-app antd

6
推荐指数
1
解决办法
1万
查看次数

标签 统计

antd ×1

create-react-app ×1

svg ×1