如何引用挂起事件的元素

Question

在原生js的情况下，我可以通过this获取一个元素：

document.querySelector('div').addEventListener('click', function() {
  console.log(this);
});

<div>
  <p>text</p>
</div>

但我正在使用 react，代码如下所示：

function App() {
  function eventFunction(ev) {
    console.log(this, ev.target); // undefined, <p>text</p>
  }

  return (
    <>
      <div onClick={eventFunction}>
        <p>text</p>
      </div>
    </>
  );
}

在这种情况下，如何引用挂起事件的元素，或者有更正确的方法在反应中挂起事件？