xxxxxxxxxx
import { useState } from "react";
export default function App() {
const [show, setShow] = useState(true);
function changeState() {
setShow(!show);
}
return (
<div className="App">
{show ? (
<button onClick={changeState}> Display </button>
) : (
<button onClick={changeState}> Hide </button>
)}
</div>
);
}
xxxxxxxxxx
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>
);
xxxxxxxxxx
{ this.state.showMyComponent ? <MyComponent /> : null }
{ this.state.showMyComponent && <MyComponent /> }