html - 使用 foreignObject 的 SVG 中嵌入的 div 元素不注册指针事件

Question

的foreignObject子 div 元素侦听指针事件，但是，它们不会在呈现它的 React 类组件中被接收。有任何想法吗？

componentDidMount() {
  this.canvas = new draw2d.Canvas("canvas");
  this.canvas.on('select', this.handleCanvasFiguresSelected);
}

render() {
  return (
    <svg width="3960" height="2228" viewBox="0 0 3960 2228" fill="none" xmlns="http://www.w3.org/2000/svg" pointerEvents="all">
      <foreignObject y="100" x="100" width="100" height="100" pointerEvents="all">
        <div key={canvasKey} id="canvas" className={builderCanvasClass} style={builderCanvasStyle} />
      </foreignObject>
      ...
    </svg>
  )
}