首頁猿問在異步函數中返回提取的問題 | 第2部分

在異步函數中返回提取的問題 | 第2部分

JavaScript

江戶川亂折騰 2023-05-25 17:28:21

我目前遇到了一個問題，我希望能夠返回提取接收到的內容，例如：{"data": [{"account_id": 134519399, "account_url": "Pseudo", "ad_type": 0, "ad_url": "", "animated": false, "bandwidth": 110238, "datetime": 1603190775, "deletehash": "Mg3FROsdfPF7N", "description": null, "edited": "0", "favorite": false, "has_sound": false, "height": 368, "id": "3HzN2Ye", "in_gallery": false, "in_most_viral": false, "is_ad": false, "link": "https://i.imgur.com/lbWS8uo.jpg", "name": "unnamed.jpg", "nsfw": null, "section": null, "size": 55119, "tags": [Array], "title": null, "type": "image/jpeg", "views": 2, "vote": null, "width": 512}], "status": 200, "success": true}但我目前收到這個：{"_U": 0, "_V": 0, "_W": null, "_X": null}這是我的代碼：export default async function FetchImage(access_token) {var myHeaders = new Headers();myHeaders.append("Authorization", "Bearer " + access_token);var formdata = new FormData();var requestOptions = { method: 'GET', headers: myHeaders, redirect: 'follow'};try { const response = await fetch("https://api.imgur.com/3/account/me/images", requestOptions) // console.log(await response.text()); return response.json}catch (err) { console.log('fetch failed', err);}}

查看完整描述

3 回答

慕田峪4524236

TA貢獻1875條經驗獲得超5個贊

好的，我找到了解決方案，我必須對setState收到的內容進行處理。

async componentDidMount() {

try {

let res = await FetchImage(this.props.navigation.state.params.access_token);

this.setState({ test: res })

} catch (error) {

console.error(error);

}

我把它放在componentDidMount()函數中，這樣就setState不會循環。

反對回復 2023-05-25

白豬掌柜的

TA貢獻1893條經驗獲得超10個贊

response.json()也是Promise。所以你應該附加await在它前面。

export default async function FetchImage(access_token) {

var myHeaders = new Headers();

myHeaders.append("Authorization", "Bearer " + access_token);

myHeaders.append("Content-Type", "application/json");

var formdata = new FormData();

var requestOptions = {

method: 'GET',

headers: myHeaders,

redirect: 'follow'

};

try {

const response = await fetch("https://api.imgur.com/3/account/me/images", requestOptions)

// console.log(await response.text());

return await response.json()

}

catch (err) {

console.log('fetch failed', err);

}

反對回復 2023-05-25

皈依舞

TA貢獻1851條經驗獲得超3個贊

我剛剛看到，我的解決方案之后產生了同樣的問題

?async _getData() {

? ? try {

? ? ? ? this.state.test = await FetchImage(this.props.navigation.state.params.access_token);

? ? ? ? console.log(this.state.test.data[0]["link"])

? ? ? ? return (this.state.test)

? ? } catch (error) {

? ? ? ? console.error(error);

? ? }

? ? // console.log(res)

}

我在這里稱呼他：

render() {

? ? ? ? try {

? ? ? ? ? ? console.log(this._getData())

? ? ? ? ? ??

? ? ? ? } catch (error) {

? ? ? ? ? ? console.error(error);

? ? ? ? }

? ? ? ? console.log("ici = " + this.props.test)

? ? ? ? return (

? ? ? ? ? ? <>

? ? ? ? ? ? ? ? <View>

? ? ? ? ? ? ? ? ? ? <Text>access_token:</Text>

? ? ? ? ? ? ? ? </View>

? ? ? ? ? ? ? ? <View style={styles.buttonFav}>

? ? ? ? ? ? ? ? ? ? <Button buttonStyle={{ backgroundColor: '#4D4D4D' }} title="FavNav" onPress={() => this.props.navigation.navigate('FavNav')}></Button>

? ? ? ? ? ? ? ? </View>

? ? ? ? ? ? ? ? <View style={styles.buttonFind}>

? ? ? ? ? ? ? ? ? ? <Button buttonStyle={{ backgroundColor: '#4D4D4D' }} title="FindNav" onPress={() => this.props.navigation.navigate('FindNav')}></Button>

? ? ? ? ? ? ? ? </View>

? ? ? ? ? ? </>

? ? ? ? )

? ? }

}

但是，當我嘗試使用存儲在我的“this.state.test”中的內容時，它是“未定義的”。

console.log(this._getData()) 顯示這個{"_U": 0, "_V": 0, "_W": null, "_X": null}

我很絕望：'（

反對回復 2023-05-25

3 回答
0 關注
198 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

在異步函數中返回提取的問題 | 第2部分

在異步函數中返回提取的問題 | 第2部分

3 回答

添加回答