Vis.js: 在 react 样式中添加 showPopup

Question

我有一个关于 vis.js 弹出选项的问题要问。目前我正在尝试以 React 风格实现它，所以我使用 https://github.com/crubier/react-graph-vis/tree/master/example 作为起点。

我意识到我可以在 src\index.js 文件中添加事件数组，因为我意识到其中有 select 选项。但是，当我执行以下操作时：

const events = {
  select: function(event) {
    var { nodes, edges } = event;
    console.log("Selected nodes:");
    console.log(nodes);
    console.log("Selected edges:");
    console.log(edges);
   },
  showPopup: function(event) {
     document.getElementById('root').innerHTML = '<h2>showPopup event</h2>'+ JSON.stringify(params, null, 4);
  }
};

我根本无法触发弹出窗口。在 lib\index.js 中，我注意到代码应该遍历事件数组：

  var _iteratorNormalCompletion2 = true;
        var _didIteratorError2 = false;
        var _iteratorError2 = undefined;

        try {
          for (var _iterator2 = Object.keys(events)[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
            var _eventName = _step2.value;
            this.Network.on(_eventName, events[_eventName]);
          }
        } catch (err) {
          _didIteratorError2 = true;
          _iteratorError2 = err;
        } finally {
          try {
            if (!_iteratorNormalCompletion2 && _iterator2.return) {
              _iterator2.return();
            }
          } finally {
            if (_didIteratorError2) {
              throw _iteratorError2;
            }
          }
        }
      }

并且我根据文档检查了 vis.js 是否具有弹出选项，可以在此处找到：http://visjs.org/docs/network/

我目前正在研究如何触发弹出窗口。需要使用 React，因为应用程序将基于它。如果有人能指出我做错了什么，那就太好了。

提前致谢。 XD

注意：这个问题是关于我试图在其上构建的 github 项目的。因此它有点不同，因为我没有使用准系统 vis.js

Answer 1

你把事情搞混了。 showPopup 是一个事件，当显示弹出窗口时调用的函数是。您不调用它来显示弹出窗口。

要显示弹出窗口，您只需将鼠标悬停在 标题为属性.
的节点上
看看这个 fiddle 我做的（虽然是纯 JS）：http://jsfiddle.net/56t9c0t4/

Vis.js: 在 react 样式中添加 showPopup

Vis.js: Adding showPopup in react style

javascript

reactjs

vis.js