JSFiddle - React, Tailwind, and code Playground
HTML
<div id="with-anon">Click to run with anonymous wrapper</div>
<br />
<div id="with-direct">Click to run direct function reference</div>
<br />
<div id="with-anon-plus-call">Click to run with anonymous wrapper with forwarded this</div>
CSS
div {
cursor: pointer;
}
JavaScript
function sayThis() { alert(this); }
document.getElementById("with-anon").addEventListener("click", function() { sayThis() });
document.getElementById("with-direct").addEventListener("click", sayThis);
document.getElementById("with-anon-plus-call").addEventListener("click", function() { sayThis.call(this); });