/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 votes150 views1 answer
React native backgrunde img
Javascript React
0 vote147 views1 answer
How to get property names from object using map method react
Javascript React
0 vote137 views1 answer
React $ r component instance console
Javascript React
1 vote153 views1 answer
React slick slider duplicate items when infinite true #1623
Javascript React
0 vote144 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
-2 votes250 views1 answer
Redux template create react app
Javascript React
0 vote162 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
0 vote197 views1 answer
React-beforeunload react navive
Javascript React
0 vote155 views1 answer
React native swipe screen
Javascript React
2 votes149 views2 answers
Update specific properties of an object react spread operator
Javascript React