我想在单击按钮时显示不同的图像

Question

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>

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>