用于react状态变量的Javascriptpromise返回变量

Question

我正在使用请求npm包，它只是一个包装在HTTP调用中的promise。我过去对promise有过意见。我如何获得一个promise返回一个值，以便我可以在react中使用它，或者获得一个promise在该promise中设置一个react状态变量？我需要一个API调用的特定数字来设置一个react状态变量。

对于这样的代码...

request(options, function (error, response, body) {
        if (error) throw new Error(error);
        console.log(Number(JSON.stringify(body).split(",")[2].split(":")[1]);
    });

而且

GetHeadBlock = async () => {
        request(options, function (error, response, body) {
            body => Number(JSON.stringify(body).split(",")[2].split(":")[1]);
            this.setState({numberofHeadBlock: body})
        });
    }

Answer 1

我使用请求promise库返回了一个promise。然后使用“that”关键字引入适当的作用域,并使用整齐放置的return语句来完成一个完整的闭包。

Massfunc = async () => {
    var that = this;
    var promise = rp(options).then(function (body) {
        let returnedValue = Number(JSON.stringify(body).split(",")[2].split(":")[1]);
        that.setState({num: returnedValue});
        return returnedValue;
    }).catch(function (err) {
        console.log(err);
    });
    return promise;
  }