/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 vote357 views1 answer
React yup password with number string and uppercase
Javascript React
0 vote318 views1 answer
React icons cdn
Javascript React
0 vote353 views1 answer
Chromepicker react-color not working
Javascript React
0 vote334 views1 answer
Setstate before function react
Javascript React
1 vote363 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote320 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
25 votes373 views5 answers
Image react
Javascript React
1 vote330 views1 answer
React js component parameters
Javascript React
0 vote330 views1 answer
React break out of useeffect
Javascript React
13 votes344 views3 answers
Enable emmet vscode react
Javascript React