/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

-1 vote174 views5 answers
Context Api in react
Javascript React
0 vote136 views1 answer
React router history not defined
Javascript React
0 vote141 views1 answer
Reduce to calculate sum react
Javascript React
11 votes151 views2 answers
React must be in scope when using jsx
Javascript React
0 vote139 views1 answer
Bot react message with custom emoji
Javascript React
2 votes151 views3 answers
New line in react js
Javascript React
1 vote138 views2 answers
React native map array of objects
Javascript React
0 vote136 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
0 vote138 views1 answer
TextField input font color React Material UI
Javascript React
7 votes128 views2 answers
Insert a line break into a text component in react-native
Javascript React