反应D3树图不正确的重新渲染

Question

我开始将React与D3集成在一起，我使用React作为DOM，使用D3作为数学。我的用例是创建一个可以折叠孩子的树形图。

由于我使用React渲染DOM，我试图使用setState触发“折叠”子节点的重新渲染，但我遇到了一些问题。

1。它没有正确定位节点和路径

2。当我“扩展”子节点时，它们被放置在错误的位置

这是树的初始状态。一切都很好

然后我点击 Level2：A 并折叠其子节点，但节点和路径不合适

然后当我崩溃顶级而 Level2：A 折叠并展开时，我得到以下内容

以下是我的代码的链接：http://codepen.io/anon/pen/vNQqoQ。如果有人有任何见解，将非常感激。

由于

Answer 1

只需在子对象的文本中添加几个\ u00A0（反斜杠uA00A0）即可在文本开头插入空格