Reactjs 单击后未激发关联菜单

我使用d3版本5和react.js以及d3上下文菜单插件。我显示了一个带有object标记的外部svg，我想添加一个上下文菜单，但右键单击d3后上下文菜单未被触发

import * as d3 from 'd3';
import contextMenuFactory from 'd3-context-menu';
.
.
.   
 let svg = document.querySelector('#svgobject');
      let svgDoc = svg.contentDocument;
      svg.onload = () => {
        let g = d3.select(svgDoc);
        var menu = [
          {
            title: 'Item #1',
            action: function(d, i) {
              console.log('Item #1 clicked!');
              console.log('The data for this circle is: ' + d);
            },
            disabled: false, // optional, defaults to false
          },
          {
            title: 'Item #2',
            action: function(d, i) {
              console.log('You have clicked the second item!');
              console.log('The data for this circle is: ' + d);
            },
          },
        ];
        g.selectAll('g').on('contextmenu', contextMenuFactory(menu));
      };