更改节点颜色单击react-d3-graph

import { Graph } from 'react-d3-graph';

const data = {
  nodes: [{ id: 'node1' }, { id: 'node2' }, { id: 'node3' }],
  links: [{ source: 'node1', target: 'node2' }, { source: 'node2', target: 'node3' }],
};

<Graph
  id="graph-id" // 图形的唯一标识符
  data={data} // 图形数据对象
  // 其他配置选项
/>

<Graph
  id="graph-id"
  data={data}
  onClickNode={(nodeId) => {
    // 根据节点ID更改节点颜色
    const updatedData = {
      ...data,
      nodes: data.nodes.map((node) => {
        if (node.id === nodeId) {
          return { ...node, color: 'red' };
        }
        return node;
      }),
    };
    setData(updatedData);
  }}
/>