时间戳

首页 > 解决方案 > 通过 React 组件修改代码输出

reactjs - 通过 React 组件修改代码输出

问题描述

我正在使用一个输出 svg-icon 的 React 库。我想使用线性渐变设置该图标的样式。为此，我需要修改输出的代码。这是一个简化的架构，显示了我想要更改的内容

电流输出

<svg>
  <path></path>
</svg>

期望的输出

<svg>
  <defs>
    <linearGradient>
      <stop />
      <stop />
    <linearGradient>
  </defs>
  <path></path>
</svg>

换句话说，我需要将一些代码注入到svg获得输出的标签中。

用 React 可以做到这一点吗？如果是这样，怎么做？

谢谢。

标签： reactjsreact-component

解决方案

推荐阅读