/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

2 votes291 views4 answers
Date range picker react
Javascript React
0 vote256 views1 answer
Reactjs alert
Javascript React
4 votes235 views4 answers
Deploy react app
Javascript React
7 votes272 views2 answers
Pass props in react
Javascript React
0 vote299 views1 answer
How to get css property of div after rendering in react js
Javascript React
11 votes283 views4 answers
Prototype react
Javascript React
0 vote298 views1 answer
Set cors for a react node application socket error
Javascript React
0 vote293 views1 answer
Ngrok react.js
Javascript React
1 vote303 views1 answer
React counter input
Javascript React
27 votes253 views6 answers
React usestate
Javascript React