#React conditional render

conditional.js

const Square = () => { // Root Functional Component
	let [show, setShowMe] = React.useState(false); // React Hook
   
   const click = () => { // 'this' points to window
   	setShowMe(!show);
   }

  console.log("render square");
  
  // View
  return (
   <div style={{color:'white'}}> 
      <div style={{backgroundColor:'red'}}>Hello</div>
      {
      	show && (<div style={{backgroundColor:'blue'}}>World!!!</div>)
      }
      <button onClick={click}>show/hide</button>
   </div>
  );
}

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