在React组件渲染后，操作到d3强制图表没有使用？

Question

我的React项目中有一个d3强制图表。我在componentDidMount中执行节点和链接配置

let force = ...
let links = ...
let nodes = ...
force.on('tick',...)

我将mouseover / mouseout监听器添加到节点以更改其自身及其链接的样式。像：

.on("mouseover", d => {
    d.hover = true;
  })
  .on("mouseout", d => {
    d.hover = false;
  })

并且有效勾选

linkLine.style(
    "stroke-opacity",
    d => (d.source.hover || d.target.hover ? 1 : 0.6)
  );

当图表正在加载和移动时，它可能会改变，但是当图表停止时，我无法进行样式更改。我希望有人可以告诉我如何修复它，以及在React中使用d3的正确方法。谢谢。