對于上下文：我在 React 應(yīng)用程序中運行 D3，并將 D3 更新模式綁定到 React 生命周期方法。問題： 當我const selection = select(".svg-circle-node-class").data(nodeArray)運行該函數(shù)時，D3 總是為我提供數(shù)組中的每個節(jié)點，無論新節(jié)點是否已添加到數(shù)組中。我希望該函數(shù)selection.enter()為我提供新的節(jié)點，并selection.exit()為我提供不存在的節(jié)點以供刪除，并且對于直接在此選擇上完成的任何操作而不使用，enter()應(yīng)該為我提供所有剩余的節(jié)點，如下所示：這個問題導致我無法區(qū)分新舊項目，這導致我總是重新附加新的 SVG 元素，因此每次狀態(tài)發(fā)生變化時都會復(fù)制所有內(nèi)容。我只想更新這些元素的值。我的具體情況如下：我有一個圖的實現(xiàn)，其結(jié)構(gòu)如下：class Graph {  nodes: Node[];}class DirectedEdge {  from: Node;  to: Node;}class Node {  x: number;  y: number;  edges: DirectedEdge[];  id: string; // unique for each node}在我的反應(yīng)組件中，我通過在組件狀態(tài)中保存圖形的實例來跟蹤圖形的狀態(tài)，如下所示：const n1, n2: Node = ...;interface IState {  g: Graph = new Graph(n1, n2), // constructor connects two graphs with an edge  degree: number // a parameter to change some shapes}我將圖表的初始化與componentDidMount生命周期方法聯(lián)系起來，這是執(zhí)行此操作的函數(shù)：    /** Once HTML elements have loaded, this method is run to initialize the SVG elements using D3. */    private initializeGraph(): void {        const mainGroup = select(this.svgElement.current)            .append("g")            .attr("id", "main");        // append nodes svg group        this.nodeElements = mainGroup.append("g")            .attr("id", "nodes")            .selectAll<SVGCircleElement, Node>(".directed-graph-node")            .data<Node>(this.state.g.nodes, _ => _.id);        // append edges svg group        this.edgeElements = mainGroup.append("g")            .attr("id", "edges")            .selectAll<SVGPathElement, DirectedEdge>(".directed-graph-edge")            .data<DirectedEdge>(this.state.g.nodes.flatMap(_ => _.edges), _ => _.id);    }我將一個updateGraph函數(shù)與componentDidUpdate生命周期函數(shù)綁定在一起，導致每次狀態(tài)發(fā)生變化時都會調(diào)用它（即，在本例中，是由參數(shù)“ Degree”變化引起的。但我希望能夠更新（x ,y) 每次更新時每個節(jié)點的位置)。