将父亲作为参数传递给儿童的综合事件

Question

Class MakeRotate extends React.Component {
  rectMOuseDown = (e, /* want the parent g here*/) => {
    /* I have to do some operation on g inside this function */
  }
  render() {
    return (
      <div>
         <g className="some-class" transform="translate(40,40) rotate(0, 240, 80)">
            <rect x="0" y="0" width="60" height="60" onMOuseDown={e => 
            this.rectMOuseDown(e, /*wana to pass parent g*/)}>
         </g>
      </div>
    )
  }
}

我不想使用ref概念。因为在我的代码中g正在循环生成。所以不能为所有g分配相同的ref。是否有任何反应的概念，以便我可以将整个g传递给儿童的综合事件函数。

Answer 1

您可以使用Javascript currentEvent并从那里开始？ 例如 onMouseDown={e => console.log(e.currentTarget.parentNode)} 或者你有不同的用例吗？