import { useState } from "react"; export default function App() { const [show, setShow] = useState(true); function changeState() { setShow(!show); } return ( <div className="App"> {show ? ( <button onClick={changeState}> Display </button> ) : ( <button onClick={changeState}> Hide </button> )} </div> ); }const [show,setShow]=useState(true) return ( <div className="App"> { show?<h1>Hello World !</h1>:null } <button onClick={()=>setShow(true)} >Show</button> <button onClick={()=>setShow(false)} >Hide</button> </div> );{ this.state.showMyComponent ? <MyComponent /> : null } { this.state.showMyComponent && <MyComponent /> }dfdfdsfhide and show full function