JSXでイメージボタンを作成する方法は？

Question

これは画像を表示しませんが、まだボタンとして機能します。

<button><img src={"./img/google.png"} /></button> 

マイフォルダのセットアップは/user/img/google.pngと/user/loginGoogle.jsxので、私はソース

Answer 1

に問題これがうまくいくないと思いますされています

は、

myfunction() { 
     console.log("CLICKED"); 
    } 

を、あなたの画像をクリックすると、クリックしたが、コンソールに表示されて表示されます。あなたが定義するならば、

<button><img src="./img/google.png" alt="my image" onClick={this.myfunction} /></button> 

。

したがって、画像にonClickリスナーを追加すると機能します。次に、その画像をボタンでラップし、必要に応じてCSSクラスを追加することもできます。

Answer 2

私のプロジェクトでは、パブリックフォルダへのすべての画像を移動し、今では動作します