从元素数组创建React Svg

Question

给出一个表示svg标签的数组，

http.createServer(async (req, res) => {
    console.log(JSON.stringify(res._headers));
});

我该如何在React中重新创建svg。必须立即执行此操作，因为提供给我的图像是用户的选择，因此我不能仅复制每个数组项以进行反应并传递道具。

Answer 1

您可以将svg-inline-loader与webpack一起使用。

在webpack配置中添加加载器

    {
        test: /\.svg$/,
        loader: 'svg-inline-loader',
    },

从npm安装svg-inline-react

您可以这样导入svg：

const icon = require('svg/icon.svg');

您可以这样使用：

import InlineSVG from 'svg-inline-react';

<InlineSVG src={require("svg-inline-loader!icon.svg")} />