按钮反应异常

时间:2018-07-16 15:56:48

标签: javascript reactjs button

我在我的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加载的图片。如果我单击标签“显示客户信息”,则不会发生任何事情。我需要能够同时点击标签和图片以执行操作。有办法吗?

1 个答案:

答案 0 :(得分:1)

  

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

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

onClick而不是onClick放在button上。 (如果用户单击img,它将传播到img。)

button