/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 vote185 views1 answer
Jsx tag with children react js
Javascript React
-1 vote218 views1 answer
Convert datetime value to time only in reactjs
Javascript React
0 vote186 views3 answers
How to get state value from history react
Javascript React
4 votes180 views1 answer
How to send axios delete to the backend reactjs
Javascript React
0 vote195 views1 answer
React-native-error-check-the-render-method-of-app
Javascript React
3 votes189 views1 answer
Latest react version npm
Javascript React
1 vote188 views1 answer
How to set state when change viewport react
Javascript React
28 votes183 views6 answers
React fontawesome
Javascript React
0 vote185 views1 answer
Option component in react js errors
Javascript React
0 vote189 views2 answers
Onclick toggle class react
Javascript React