/Javascript/React/Hide and show on button click in react js functional component

Hide and show on button click in react js functional component

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>
  );

Similar codes

73 votes202 views7 answers
React icons
Javascript React
0 vote223 views1 answer
React native filter list
Javascript React
0 vote211 views1 answer
Error code ELIFECYCLE REACTJs
Javascript React
26 votes228 views6 answers
React redirect to url
Javascript React
7 votes230 views4 answers
React native textinput disable keyboard
Javascript React
0 vote192 views1 answer
How to install react native hooks with npm
Javascript React
108 votes221 views1 answer
How to start react app in windows
Javascript React
3 votes216 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
0 vote213 views1 answer
Get image from gallery react native
Javascript React
0 vote208 views1 answer
React form hook trigger is not a function
Javascript React