Question

我知道this对象无法更改但需要替代方法的规则。

var that= this
        axios.get('http://ec2-54-165-240-14.compute-1.amazonaws.com:3000/api/foodItem').then(function(data){
            console.log("inside axios ",data)
            that.setState({
                items : data,
            });
            var curGroupId = that.props.cartReducer.val;
            var items = that.state.items ;
            var curItems= [];
            for(var i in items){
                if(items[i].food_group_id==curGroupId){
                    curItems.push(items[i]);
                }
            }
            that.setState({
                curItems : curItems
            })

        }).catch(function(err){
            console.log(err)
        })

我想更新this对象中无法在then函数内访问的状态，因此我在this函数之前存储了that对象但是我想要在this对象中应用更改。

Answer 1

您可以尝试使用箭头功能，这样您就可以访问内部函数中的this。

axios.get('http://ec2-54-165-240-14.compute-1.amazonaws.com:3000/api/foodItem')
   .then((data) => {
        console.log("inside axios ",data)
        this.setState({  // <---- references to the parent scope
            items : data,
        });
        var curGroupId = that.props.cartReducer.val;
        var items = that.state.items ;
        var curItems= [];
        for(var i in items){
            if(items[i].food_group_id==curGroupId){
                curItems.push(items[i]);
            }
        }
        this.setState({   // this too ;)
            curItems : curItems
        })

    }).catch((err) => {
        console.log(err)
    })

箭头函数将使用与父函数相同的范围，对于这些情况非常方便。

还有一件事，我不建议多次拨打setState。您应该在回调结束时只调用一次，此时您的所有数据都可以使用。

我如何更改“此”对象

1 个答案: