如何從javascript中的提取返回響應

Question

我在 React Native 項目中返回 API 調用的響應時遇到問題。

let response = fetch('http://3.133.123.120:8000/auth/token', {
    method: "POST",
    headers: {
        Accept: 'application/json',
        'Content-Type': 'application/json',
    },
    body: JSON.stringify({
        client_id: 'NTMtzF7gzZPU9Ka35UFsDHvpR8e4D1Fy4OPRsurx',
        grant_type: 'password', 
        username: user, 
        password: pass, 
    })
})
.then((response) => response.json())
.then((response) => this.setState({jsonData: response}))
.then(() => alert('resposne jsonData: ' + JSON.stringify(this.state)));
alert('resposne jsonData: ' + JSON.stringify(response))

上面的代碼在底部的 .then() 語句中返回正確的響應，但是，我無法使用 fetch() 語句之外的數據。

我嘗試在 fetch() 之外使用的任何東西（比如我在底線中的警報）都給了我以下...

{"_40":0,"_65":0,_55":null,"_72":null}

另請注意，這一切都在 React 類組件中

Answer 1

fetch返回一個Promise ： https : //developer.mozilla.org/en-US/docs/Web/API/Fetch_API

你已經可以訪問那個 final 中的值了。 如果您正在尋找一種在不使用回調的情況下使用以下值的方法，您可以考慮使用async/await樣式並將此代碼包裝在一個函數中，如下所示：

 const fetchData = async () => { const results = await fetch() // put your fetch here alert(results.json()); };

獲取信息： https : //developer.mozilla.org/en-US/docs/Web/API/Fetch_API

異步/等待信息： https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/await