ReactJs如何删除一个状态项答案

【问题标题】：ReactJs How to Delete state item by oneReactJs如何删除一个状态项
【发布时间】：2018-06-29 12:59:12
【问题描述】：

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

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

谢谢。

【问题讨论】：

您需要提供更多详细信息。

标签： javascript reactjs state react-props

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

delete this.state.cart['shirt10']

【讨论】：

只是一个方面，老实说不关我的事，如果你是 js 新手，请不要从 react 开始。学习基础知识。有了新功能，你可以在 js 上走得很远。

【解决方案3】：

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

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

【讨论】：