Reactjs 如何在React应用程序中的FullCalendar 4.x的dayRender方法中呈现SVG

对于我的react组件，它使用FullCalendar，我想提供一个自定义dayRender方法，以便在日期与某个日期匹配时，向该日期单元格添加一个特殊的SVG

现在，我已经使用下面的代码导入了svg：

import svg from 'Assets/special.svg';

我的dayRender代码如下所示：

const dayRender = (dayRenderInfo) => {
  if (moment(dayRenderInfo.date).format(dateFormat) === myDate) {
    // How do I render my svg?
  }
}

问题是，我知道我们必须修改dayRenderInfo.el以添加额外的DOMNodes。然而，当我使用console.log检查svg时，它只是一个文件名

我认为我需要以某种方式将svg呈现为DOMNode，然后将其附加到dayRenderInfo.el

正确的方法是什么

---

我看过这篇文章，但我研究过prepend，不幸的是，IE不支持这个功能

您是否在应用程序的任何其他位置使用svg？不，这是我们第一次使用它。不过，我要找的第一件事是现有的例子：）有两件事（我不确定是哪件事，所以没有给出答案）。1） 您可以访问文件名，所以，将其作为src添加到img标记中。可以工作，但您无法充分利用svg 2）有时问题可能在svg加载上（必须从网页包文件加载程序中清除svg）3）CreateReactApp内置SVGLoader作为组件，您可以使用它使用的软件包（svgr）我猜您是否在应用程序的任何其他位置使用svg？不，这是我们第一次使用它。不过，我要找的第一件事是现有的例子：）有两件事（我不确定是哪件事，所以没有给出答案）。1） 您可以访问文件名，所以，将其作为src添加到img标记中。可以工作，但您无法充分利用svg 2）有时问题可能出现在svg加载上（必须从网页包文件加载程序中清除svg）3）CreateReactApp内置SVGLoader作为组件，您可以使用它使用的包（svgr）我猜