2016-03-20 21 views
1

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

cevap

0

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.

+0

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

+0

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

+0

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

0

Projemdeki bir ortak klasöre tüm görüntüleri taşındı ve şimdi çalışıyor