reactjs - 禁用的输入正在影响包装器 div，并且 onClick 事件在 Firefox 浏览器上的 div 上不起作用

Question

func() {
      console.log('this func is working');
    }
    render() {
      <div onClick={this.func()}
        <input disabled="true" />
      <div>
    }

这是一个 reactJs 项目。我的代码就像你在上面看到的那样。当输入被禁用时，我在 div 上的 onClick 事件上有一个 react-toastify 通知，因为输入是不可点击的，因为它被禁用了。但 onClick 事件不适用于 Firefox 和 MS Edge 浏览器。我不知道为什么？

Answer 1

您评估this.func()然后将结果 ( udnefined) 作为回调传递给onClick，从而在单击时触发该函数undefined，并且没有任何效果。

您应该做的是将回调传递给您的onClick属性：

<div onClick={this.func}>

Answer 2

请参阅@Nino Filiu 的回答！

您的代码中有错误，只需更改为：

func() {
  console.log('this func is working');
}
render() {
  <div onClick={this.func}>
    <input disabled="true" />
  </div>
}

希望这对你有帮助！