/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 vote388 views1 answer
React native charts style gradiant
Javascript React
1 vote377 views1 answer
React native get last element of array
Javascript React
0 vote347 views2 answers
Toggle classname onclick react
Javascript React
2 votes457 views1 answer
React promises
Javascript React
1 vote441 views1 answer
Reactnode prop-types
Javascript React
1 vote408 views1 answer
Share file in react native
Javascript React
1 vote443 views1 answer
Remove underline from hyperlink react
Javascript React
2 votes387 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
0 vote403 views1 answer
React js practical tutorial
Javascript React
0 vote400 views1 answer
Express react docker container example
Javascript React