/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

5 votes371 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
3 votes389 views1 answer
React router yarn
Javascript React
0 vote333 views1 answer
How to solve Error: EPERM: operation not permitted, mkdir 'C:\Users\SKY' while downoad react
Javascript React
0 vote341 views1 answer
Add two export in same page react
Javascript React
0 vote398 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
0 vote339 views1 answer
Import tippy react
Javascript React
18 votes383 views3 answers
How To Hide React Navigation Header in React Native
Javascript React
0 vote344 views1 answer
Rich text react renderer
Javascript React
8 votes334 views2 answers
Install material icons for react
Javascript React
30 votes339 views5 answers
Use effect react
Javascript React