/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 vote129 views1 answer
Attempted import error: 'useDispatch' is not exported from 'react-redux'
Javascript React
2 votes105 views4 answers
Can't perform a React state update on an unmounted component
Javascript React
6 votes110 views6 answers
Shadow react native generator
Javascript React
22 votes103 views3 answers
How to use if else inside jsx in react
Javascript React
-1 vote113 views1 answer
Use inline and other styles react native
Javascript React
0 vote111 views2 answers
React firebase hooks
Javascript React
0 vote100 views1 answer
Could not resolve project :react-native-iap mergedebugassets
Javascript React
3 votes100 views2 answers
React focus
Javascript React
0 vote63 views1 answer
Left side menu react js
Javascript React
0 vote109 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React