我想显示一个不同的图像时，按钮被点击

Question

我需要让它，当我点击按钮的图像是由另一个

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>

Answer 1

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>