我是 JavaScript 新手，我开始使用 React Native 制作移动应用程序。但是，我在使用 IGDB API 和 MDN 的“Fetch”时遇到了一些问题。

我一直在尝试将 JSON 响应存储到数组中并通过 FlatList 打印它。但是，它没有打印任何东西，既没有“Test：”也没有“{item.id}”，我试图了解这是否是有关 API 或我对 FlatList 的使用的问题。

我尝试在 Postman 上发送我的请求并且它有效。

当我向 API 发出请求时，我的响应正确地打印到终端中。

我将在这里向您展示我的两个主要 JS 文件，以及当我从 API 获得响应时收到的警告。

如果您有任何问题，请不要犹豫，我会尽可能清楚地回答。

//Search.js

import React from 'react'
import { View, TouchableOpacity, TextInput, StyleSheet, Image, FlatList, Text } from 'react-native'
import { getGamesFromApiWithSearchedText } from '../API/IGDB'

class Search extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            games: []
        }
    }

    render() {
        return (
            <View>
                <View>
                    <TextInput placeholder='Search games and stuff...' />
                    <TouchableOpacity onPress={() => this._loadGames()}>
                        <Image source={require('../images/icons/ic_search.png')}/>
                    </TouchableOpacity>
                </View>

                <FlatList
                    data={this.state.games}
                    extraData={this.state.games}
                    keyExtractor={(item) => item.id.toString()}
                    renderItem={({ item }) => <Text> Test: {item.id}  </Text>}
                />
            </View>
        )
    }

    _loadGames() {
        console.log("Search button game has been clicked")
        getGamesFromApiWithSearchedText().then(data => {
            this.setState({ games: data.results })
        })
    }
}

export default Search

//IGDB.js

export function getGamesFromApiWithSearchedText() {
    const url = 'https://api-v3.igdb.com/games'
    return fetch(url, {
        method: 'POST',
        headers: {
            "user-key": API_TOKEN
        },
        body:
            'fields id, name, release_dates, rating, game_engines, summary, involved_companies, genres; search "Witcher"; limit 1;'
    })
        .then(response => response.json())
        .then(data => data)
        .catch((error) => console.log(error))
}

//Warning I receive

[Unhandled promise rejection: TypeError: undefined is not an object (evaluating 'data.results')]
- node_modules\promise\setimmediate\core.js:37:14 in tryCallOne
- node_modules\promise\setimmediate\core.js:123:25 in setImmediate$argument_0
- node_modules\react-native\Libraries\Core\Timers\JSTimers.js:146:14 in _callTimer
- node_modules\react-native\Libraries\Core\Timers\JSTimers.js:194:17 in _callImmediatesPass
- node_modules\react-native\Libraries\Core\Timers\JSTimers.js:458:30 in callImmediates
* [native code]:null in callImmediates
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:407:6 in __callImmediates
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:143:6 in __guard$argument_0
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:384:10 in __guard
- node_modules\react-native\Libraries\BatchedBridge\MessageQueue.js:142:17 in __guard$argument_0
* [native code]:null in flushedQueue
* [native code]:null in invokeCallbackAndReturnFlushedQueue