i need to make it that when i click the button an image is replaced by another
HTML:
function Show1(){
if(Clicked === false) setClicked(true);
else setClicked(false);
console.log(Clicked)
}
<div className="SignIn__AsWhat">
<button className="SignIn__AsStudent" onClick={Show1}>
{Clicked === 0? <"What do i put here"/> : <"and here?"/>}
Je suis étudiant
</button>
<button className="SignIn__AsTeacher">
Je suis enseignant
</button>
</div>
function Show1(){
setClicked(!Clicked)
}
<div className="SignIn__AsWhat">
<button className="SignIn__AsStudent" onClick={Show1}>
{Clicked? <img src="https://lh6.googleusercontent.com/-aepjQbk-blQ/AAAAAAAAAAI/AAAAAAAAAAA/ACHi3rc0BHkpnTpc2qD0-hwjIvLM-8o8BQ/mo/photo.jpg?sz=48"/> : <img src="https://i.stack.imgur.com/Izu1b.jpg?s=64&g=1"/>}
Je suis étudiant
</button>
<button className="SignIn__AsTeacher">
Je suis enseignant
</button>
</div>