React中的<symbol>组件用法

Question

我正在使用react-digraph，在示例中我看到了以下代码：

const EmptyShape = (
  <symbol viewBox="0 0 100 100" id="empty">
    <circle cx="50" cy="50" r="45"></circle>
  </symbol>
)

我无法找到符号组件的来源......这是一个React的东西吗？ 此外，是否可以在圆圈内插入FontAwesome图标？

Answer 1

有关SVG符号元素的一些文档，请参见此处。

https://developer.mozilla.org/en-US/docs/Web/SVG/Element/symbol

const EmptyShape的所有元素都是svg元素。

我认为一种选择是覆盖“ renderNode”道具，并编写自定义渲染器...

如果您确实解决了此问题，我将非常感兴趣，因为它与我正在寻找的东西有关。