#React - Access DOM element using Hook Ref

ref.js

const Square = () => { // Root Functional Component
	let inputRef = React.useRef(null); // React Hook
   
   const click = () => { // 'this' points to window
   	alert(inputRef.current.value);
   }

  console.log("render square");
  
  // View
  return (
   <div style={{color:'white'}}> 
      <input ref={inputRef} />
      <button onClick={click}>show</button>
   </div>
  );
}

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