React D3树库SVG样式在树上没有看到

Question

我有这样的SVG设计：

true svg crenderCustomNodeElement prop，SVG这样更改：

obgly svg

是否有人知道为什么会发生这种情况？

您可以从这里看到完整的代码：

Answer 1

在检查器中查看代码时，您可以看到以下类添加到元素中：

.rd3t-node {
    cursor: pointer;
    fill: #777;
    stroke: #000;
    stroke-width: 2;
}

这些中风属性是导致它的原因。我无法立即分辨出是什么原因引起的，但是它似乎是React-D3-Tree库添加的类。

我将以下内容添加到您的styles.css，以修复它。

svg .rd3t-node {
    stroke-width: 0px;
}

请注意，如果您在SVG中添加任何中风的东西，这也可能会弄乱中风。最好检查 react d3树文档，以查看是否可以更好地覆盖它。