javascript - ReactJs如何删除状态项

Question

例如，如果我将 10 个相同商品添加到一个购物车中，我如何将其减少到 9 个。

this.state = {
   cart = {}
}
this.props.cart[key]
//tshirt: 10

谢谢。

Answer 1

解决了。对不起，如果这看起来太菜鸟问题。答案是，一如既往的愚蠢，一直在我的眼皮底下。感谢您的回答，您的回答很有帮助。

cart[key] = cart[key] - 1;
    if (cart[key] < 0){
        cart[key] === 0;
    }
    else{
    this.setState({cart})}

Answer 2

首先this.state和this.props不同，所以看看你的代码this.props.cart === undefined。除非您的代码的某些部分没有看到。也就是说this.state.cart，就像任何其他 js 对象一样，因此假设“键”是属性名称，即this.state.cart['shirt-10'] = {...propsOfShirt10 } you can just use使用键删除。

delete this.state.cart['shirt10']

Answer 3

我假设你想减少，所以你可以做这样的事情

this.setState({tshirt: this.state.tshirt - 1})