necesito hacer que cuando haga clic en el botón una imagen sea reemplazada por otra
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>