#React - Access event object and DOM element

event.js

const Square = () => { // Root Functional Component
	let listRef = React.useRef(null); // React Hook
   
   const click = (event) => { // event object - 'this' points to window
   	var domElement = event.target;
   	alert(domElement.textContent);
   }

  console.log("render square");
  
  // View
  return (
   <div ref={listRef} style={{ backgroundColor:'blue'}}> 
      {
      	[1,2,3].map((key) => {
          return (
          	<div key={key} style={{ margin:'1rem', textAlign:'center', backgroundColor:'red'}} onClick={click}>
               { key }
            </div>
          );
         })
      }
   </div>
  );
}

const root = ReactDOM.createRoot(document.querySelector("#app"));
root.render(<Square />);