/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 vote199 views1 answer
React break out of useeffect
Javascript React
4 votes256 views1 answer
How to use font awewsome in react app
Javascript React
32 votes205 views1 answer
React roouter dom
Javascript React
0 vote190 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
1 vote219 views1 answer
React native grid view
Javascript React
1 vote190 views1 answer
React best way of forcing component to update
Javascript React
-1 vote186 views1 answer
Moment in react native
Javascript React
0 vote204 views3 answers
Difference between React.functioncomponent and React.component
Javascript React
10 votes183 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
0 vote196 views1 answer
@types react-router-dom
Javascript React