/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 vote303 views1 answer
Removing borderline of input in react
Javascript React
8 votes301 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
0 vote254 views1 answer
Option component in react js errors
Javascript React
0 vote288 views1 answer
Which react-bootstrap component you will use for width: 100% across all viewport and device sizes
Javascript React
0 vote418 views1 answer
How to prevent clickjacking in react js
Javascript React
0 vote270 views1 answer
Setting a date range using yup on react date picker
Javascript React
0 vote317 views1 answer
My vscode does not recognize react code syntax
Javascript React
0 vote302 views3 answers
React native clear cach
Javascript React
0 vote305 views1 answer
S3 private image getobject react js
Javascript React
3 votes296 views1 answer
React data attributes event
Javascript React