В случае с нативным 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>
</>
);
}
Как в таком случае обратиться к элементу, на который повесили событие или может есть более правильный способ вешать события в react?