如何让 `vis.js` `vis-network` 在 React.js 上运行?

问题描述

我正在尝试使用 vis.js 来使用 React 呈现网络可视化。为此,我一直在遵循 James Tharpe 的指南:https://www.jamestharpe.com/react-visjs/。但是,引发了以下错误...

Console Errors

请查看我在这个 repo 上的代码

https://github.com/murilobellatini/try-vis-network

你们能帮我让这段代码正常工作吗?

谢谢!

解决方法

我遇到了同样的问题。在 options 构造函数中添加 Network

  useEffect(() => {
    const network =
      container.current &&
      new Network(container.current,{ nodes,edges },options);
  },[container,nodes,edges]);

完整的工作堆栈:https://stackblitz.com/edit/react-e1pbxf?file=src/Graph.js

尝试删除 options。它会说无法读取未定义的属性“解决”。