无法在获取反应本机时设置状态

Question

您好，我尝试像这样设置 fetch 调用的状态：

    getCats() {
        fetch(GLOBALS.API + '/specials.php?action=getCats&key=' + GLOBALS.KEY)
        .then((response) => response.json())
        .then((responseJson) => {
            this.setState = ({
                dataSource: "test"
            });
Alert.alert("test");

        })
        .catch((error) => {
            console.log(error.toString());
        });
    }

    componentDidMount() {
        this.getCats();
        console.log(this.state.dataSource);
    }

但行：

console.log(this.state.dataSource);

返回我未定义 我收到“测试”警报

什么问题？

很多

Answer 1

您可以使用回调。

下面是代码示例

getCats(successCallBack, failureCallback) {
    fetch(GLOBALS.API + '/specials.php?action=getCats&key=' + GLOBALS.KEY)
        .then(
            function(response) {
                if (response.status !== 200) {
                    console.log('Looks like there was a problem. Status Code: ' +
                        response.status);
                    failureCallback();
                }
                // Examine the text in the response
                response.json().then(function(data) {
                    console.log(data)
                    successCallBack(data);
                });
            }
        )
        .catch(function(err) {
            console.log('Fetch Error :-S', err);
            failureCallback();
        });
}

下面是成功和失败回调的代码

successCallBack(data) {
     console.log(data)
}

failureCallback() {
    alert("failure");
}

下面是绑定成功和失败回调的代码。

getCats(this.successCallBack.bind(this), this.failureCallback.bind(this));

Answer 2

Fetch 是异步的，因此它将在 then 子句中的代码运行之前立即返回。因此，setState 在控制台记录之前不会运行。