onClick 不适用于 React 类组件

Question

我被困在我的源代码中。 在我的按钮上，我写道：

<div>
  <button 
    className="btn-icon btn-remove"
    onClick={()=>this.removeFromCart()
  >
    <span className="ion ion-ios-close"></span>
  </button>
</div>

和类中的函数 removeFromCart：

removeFromCart = () => {
  alert()
}

我在构造函数中写道：

constructor(props) {
  super(props);

  this.state = {
    // some code to set bag cart.
  };
  this.removeFromCart = this.removeFromCart.bind(this);
}

当我点击按钮时，我希望它会执行警报功能，但它不会。但是，如果我更改代码中的某些内容，则通过反应热更新按钮可以正常工作。然后，如果我重新加载页面，它仍然无法正常工作。 谁能告诉我这有什么问题？感谢您的帮助。

我只是想知道为什么，eventjs 必须完美运行，现在不是了。

Answer 1

您将 removeFromCart 函数绑定到按钮单击事件的方式似乎存在问题。

<div>
  <button 
    className="btn-icon btn-remove"
    onClick={this.removeFromCart}
  >
    <span className="ion ion-ios-close"></span>
  </button>
</div>

constructor(props) {
  super(props);
  this.removeFromCart = this.removeFromCart.bind(this);
}

removeFromCart() {
  alert('Item removed from cart');
}

此方法应确保 removeFromCart 函数正确绑定到按钮单击事件，并在单击按钮时触发警报。