Bu bir resim göstermez, ancak hala bir düğme olarak çalışır.JSX'te resim düğmeleri nasıl oluşturulur?
<button><img src={"./img/google.png"} /></button>
Benim klasör kurulum /user/img/google.png ve /user/loginGoogle.jsx, bu yüzden bir kaynak
Bu bir resim göstermez, ancak hala bir düğme olarak çalışır.JSX'te resim düğmeleri nasıl oluşturulur?
<button><img src={"./img/google.png"} /></button>
Benim klasör kurulum /user/img/google.png ve /user/loginGoogle.jsx, bu yüzden bir kaynak
sorun Bu çalışacaktır olduğunu sanmıyorum edilir:
<button><img src="./img/google.png" alt="my image" onClick={this.myfunction} /></button>
tanımladığınız sonra eğer:
myfunction() {
console.log("CLICKED");
}
ve imajınızı tıklarsanız konsola görünen tıklandığında göreceksiniz.
Eğer görüntüünüze onClick dinleyicisini eklerseniz, o zaman işe yarayacaktır. Ardından bu görüntüyü bir düğmeyle kaplayabilir ve hatta gereksinimlerinize uygun bir CSS sınıfı ekleyebilirsiniz.
Projemdeki bir ortak klasöre tüm görüntüleri taşındı ve şimdi çalışıyor
http://pastebin.com/hnCVFSBs Şu ana, onSubmit bu yukarıda tanımlanan ne var, ama yine de don Görüntüyü neden görmediğimi anladım @Theo – dovla
kodu iyi görünüyor. Kesinlikle benim için çalışıyor. Belki görüntü URL'si yanlış? Bunu denersen ne olur? http://soulsnatcher.bplaced.net/LDRYh.jpg – Theo
Sadece anladım, aptal bir şeydi, resimler bir ortak klasörde olmalı, onları oraya taşıdım ve şimdi çalışıyor, teşekkürler – dovla