javascript onClick在React类组件上不起作用

kb5ga3dv  于 2023-03-11  发布在  Java
关注(0)|答案(1)|浏览(189)

我被源代码困住了。我在按钮上写道:

<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);
}

当我点击按钮时,我希望它会执行警报功能,但它没有。但如果我改变代码中的一些东西,与React热更新按钮工作正常。然后它仍然不工作,如果我重新加载页面。有人能告诉我这是什么问题吗?谢谢任何帮助。
我只想知道为什么,而且活动必须完美,现在不是了。

m2xkgtsf

m2xkgtsf1#

看起来,您将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函数被正确地绑定到按钮单击事件,并且在按钮被单击时触发警报。

相关问题