如何在 JSX 中制作图像按钮？

Question

这不会显示图像，但仍可用作按钮。

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

我的文件夹设置是 /user/img/google.png 和 /user/loginGoogle.jsx ，所以我认为源代码没有问题

原文由 dovla 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这将起作用：

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

那么如果你定义：

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

如果你点击你的图像，你会看到 CLICKED 出现在控制台中。

因此，如果您将 onClick 侦听器添加到您的图像，它将起作用。然后您可以将该图像包装在一个按钮中，甚至可以向其中添加一些 CSS 类以满足您的需要。

原文由 Theo 发布，翻译遵循 CC BY-SA 3.0 许可协议