如何与React结合渲染D3强制气泡？

Question

我正在尝试将d3气泡示例从d3主导转换为react-D3组合。

• 我在React中有气泡要渲染
• 我在使d3'.on（'tick'，...'）正常工作并以某种方式更新某些''组件时遇到困难。

这里是D3-主要示例： https://codepen.io/mretfaster/pen/rqagXX 滴答功能是从D3到D3 + React转换的结果。刻度线会更新cx和cy ...

    let myTickFn = () => {
    circlesObj.attr("cx",d => d.x)
      .attr("cy",d => d.y)
  }

这是D3 + React的示例，其中我走得最远的是console.log上的刻度。 https://codepen.io/mretfaster/pen/mzyZPq?editors=0111 这就是我被困住的地方...

//setup simulation
    let sim = this.makeD3Simulation();
    sim.force("myCollide", d3.forceCollide(d => this.radiusScale(+d.sales)))
  .alpha(.5)
  .nodes(this.dummyData)
  .on('tick', this.resizeTick);

resizeTick函数似乎没有像在D3主导示例中那样通过事件或'd'值在React中以相同的方式传递。

提前感谢任何可以提供帮助的人：）