按钮反应异常

Question

我在我的react render函数中使用下一个代码：

<button>
  <img
    src="./assets/iconspng/icons8-create-50.png"
    alt="Edit Pilot Application"
    onClick={this.buttonAction}
  />
  Show Clients Info                                     
</button>

我的问题是运行this.buttonAction操作，我只能单击由icons8-create-50.png加载的图片。如果我单击标签“显示客户信息”，则不会发生任何事情。我需要能够同时点击标签和图片以执行操作。有办法吗？

Answer 1

  

我的问题是要运行动作this.buttonAction，我只能单击icons8-create-50.png加载的图片。如果我单击“显示客户信息”标签，则没有任何反应。

那是因为void factorial(int n)位于图像而不是按钮上。因此，单击标签不会触发它。

将onClick而不是onClick放在button上。 （如果用户单击img，它将传播到img。）

button