/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

94 votes281 views6 answers
Install react router
Javascript React
6 votes252 views2 answers
How do I conditionally add attributes to React components?
Javascript React
2 votes268 views1 answer
All react navigation packages
Javascript React
19 votes248 views2 answers
Devtools failed to load sourcemap when debugging react native
Javascript React
0 vote245 views1 answer
React-native-paper resize switch resize
Javascript React
0 vote239 views1 answer
React router dom default params
Javascript React
0 vote239 views1 answer
Mreact graph
Javascript React
0 vote738 views1 answer
Reactjs TypeError: b is undefined
Javascript React
0 vote245 views2 answers
React write into json file
Javascript React
21 votes237 views6 answers
React native vector icon
Javascript React