title: After React component rendered, operation to d3 force chart no used?
body: <p>I have a d3 force chart in my React project.and I do nodes and links config in componentDidMount</p>
  
  <pre><code>let force = ...
  let links = ...
  let nodes = ...
  force.on('tick',...)
  </code></pre>
  
  <p>I add mouseover/mouseout listener to nodes to change the style of itself and its links. like:</p>
  
  <pre><code>.on("mouseover", d =&gt; {
      d.hover = true;
    })
    .on("mouseout", d =&gt; {
      d.hover = false;
    })
  </code></pre>
  
  <p>and in force tick</p>
  
  <pre><code>linkLine.style(
      "stroke-opacity",
      d =&gt; (d.source.hover || d.target.hover ? 1 : 0.6)
    );
  </code></pre>
  
  <p>when the chart is loading and moving, it could change, but when the chart stop, I can not make the style change . I hope someone could tell me how to fixed it, and the right way to use d3 in React . thanks .</p>