Dies zeigt kein Bild an, funktioniert aber immer noch als Schaltfläche.Wie man Bildknöpfe in JSX macht?
<button><img src={"./img/google.png"} /></button>
Mein Ordner Setup /user/img/google.png und /user/loginGoogle.jsx, so dass ich glaube nicht, dass es ein Problem mit der Quelle ist
Dies funktioniert:
<button><img src="./img/google.png" alt="my image" onClick={this.myfunction} /></button>
dann, wenn Sie definieren:
myfunction() {
console.log("CLICKED");
}
und wenn Sie Ihr Bild klicken, sehen Sie GEKLICKT erscheinen in der Konsole angezeigt.
Wenn Sie also den onClick-Listener zu Ihrem Bild hinzufügen, wird es funktionieren. Dann können Sie das Bild in eine Schaltfläche einfügen und sogar eine CSS-Klasse hinzufügen, die Ihren Anforderungen entspricht.
in meinem Projekt in einem öffentlichen Ordner alle Bilder verschoben und jetzt funktioniert es
http://pastebin.com/hnCVFSBs Das ist, was ich habe jetzt ist onSubmit darüber definiert, aber ich don noch Warum bekomme ich nicht das Bild @Theo – dovla
der Code scheint in Ordnung. Es funktioniert definitiv für mich. Vielleicht ist die Bild-URL falsch? Was passiert, wenn Sie das versuchen? http://soulsnatcher.bplaced.net/LDRYh.jpg – Theo
Ich fand es gerade heraus, es war irgendwie dumm, Bilder müssen in einem öffentlichen Ordner sein, ich bewegte sie dort und jetzt funktioniert es, danke tho – dovla