主页 / 问题 / 1262767
Accepted
Voprositel
Asked:2022-03-28 05:36:31 +0000 UTC2022-03-28 05:36:31 +0000 UTC

如何引用挂起事件的元素

  • 772

在本机 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>
    </>
  );
}

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

javascript

1 个回答

  1. Best Answer

    作为备选

        export const App = () => {
  //хук для привязки контекста
  const myRef = useRef()
  

  function eventFunction(e) {
    console.log(e.currentTarget);
    console.log(myRef.current)
  }

  return (
      <div ref={myRef} onClick={eventFunction}>
        <p>text1</p>
      </div>
  );
}

    另外，理论上，所有事件都包裹在 react 中，所以上诉通过 virtual dom

    • 2

相关问题