/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

0 vote267 views3 answers
React-hook-form input
Javascript React
0 vote326 views1 answer
Stateprovider.js react
Javascript React
0 vote294 views2 answers
Airbnb react native eslint
Javascript React
7 votes278 views2 answers
Hover react
Javascript React
32 votes321 views1 answer
React roouter dom
Javascript React
0 vote316 views1 answer
Get rid of header bar react native
Javascript React
0 vote326 views1 answer
Upload file react onclick
Javascript React
1 vote305 views1 answer
Update create react app package to latest
Javascript React
0 vote323 views1 answer
React native style variable
Javascript React
3 votes309 views2 answers
React native image fit container
Javascript React