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

Question

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

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

我的文件夹设置为/user/img/google.png和/user/loginGoogle.jsx，因此我不认为源存在问题

Answer 1

这将有效：

 String message = br.readLine();

 System.out.println(message);

然后如果你定义：

 String message ;
 while((message = br.readLine())!=null) {
     System.out.println(message);
 }

如果您点击图片，您会在控制台中看到CLICKED。

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

Answer 2

从“ ./logo.png”导入徽标； //告诉webpack这个JS文件使用此图片

//导入结果是图像的URL 返回;

Answer 3

将所有图片移动到我项目中的公共文件夹，现在可以正常工作