React Native 可能出现未处理的 Promise Rejection (id)

Question

我收到这样的错误：

可能的未处理承诺拒绝 (id:0)

号码id 是+1 就像每秒钟一样， 我不知道如何解决这个问题或为什么会发生这种情况 我的项目可以运行，但模拟器底部有一条消息说可能未处理的承诺拒绝

这是我的代码：

import React, { useState, useEffect } from 'react';
import { View, Text, Button, StyleSheet, TouchableOpacity, Image, SafeAreaView, ActivityIndicator } from 'react-native';
import { FlatList } from 'react-native-gesture-handler';
import NumberFormat from 'react-number-format';


const covidURL = 'https://covid19.ddc.moph.go.th/api/Cases/today-cases-all'

const HomeScreen = ({ navigation }) => {

    const [isLoading, setLoading] = useState(true);
    const [data, setData] = useState([]);

    useEffect(() => {
        fetch(covidURL)
            .then((response) => response.json())
            .then((json) => setData(json))
            .catch((error) => alert(error))
            .finally(setLoading(false))
            
    })

    return (
        <SafeAreaView style={styles.container}>
            <View style={styles.header}>
                <Text style={styles.headerText}>Home</Text>
            </View>

            <View style={styles.headSection}>
                <Text style={{ fontWeight: 'bold', fontSize: 24, }}>สถานการณ์ Covid-19</Text>
            </View>

            {isLoading ? (
                <ActivityIndicator />
            ) : (
                <FlatList
                    data={data}
                    keyExtractor={({ id }, index) => id}
                    renderItem={({ item }) => (
                        <View>
                            <View style={styles.covidHeader}>

                                <View style={styles.covidDetailLeft}>
                                    <Text style={styles.covidText}>ติดเชื้มเพิ่มวันนี้</Text>
                                    <NumberFormat
                                        value={item.new_case}
                                        displayType={'text'}
                                        thousandSeparator={true}
                                        prefix={'+ '}
                                        renderText={value => <Text style={styles.numberCovidText}>{value}</Text>} 
                                    />
                                </View>

                                <View style={styles.covidDetailRight}>
                                    <Text style={styles.covidText}>หายป่วยวันนี้</Text>
                                    <NumberFormat
                                        value={item.new_recovered}
                                        displayType={'text'}
                                        thousandSeparator={true}
                                        prefix={'+ '}
                                        renderText={value => <Text style={styles.numberCovidText}>{value}</Text>} 
                                    />
                                </View>
                             
                            </View>

                            <View style={styles.covidHeader}>

                                <View style={styles.covidDetailLeft2}>
                                    <Text style={styles.covidText}>ติดเชื้อสะสม</Text>
                                    <NumberFormat
                                        value={item.total_case}
                                        displayType={'text'}
                                        thousandSeparator={true}
                                        prefix={''}
                                        renderText={value => <Text style={styles.numberCovidText}>{value}</Text>} 
                                    />
                                </View>

                                <View style={styles.covidDetailRight2}>
                                    <Text style={styles.covidText}>หายป่วยสะสม</Text>
                                    <NumberFormat
                                        value={item.total_recovered}
                                        displayType={'text'}
                                        thousandSeparator={true}
                                        prefix={''}
                                        renderText={value => <Text style={styles.numberCovidText}>{value}</Text>} 
                                    />
                                </View>

                            </View>

                            <View style={styles.covidHeader}>

                                <View style={styles.covidDetailLeft3}>
                                    <Text style={styles.covidText}>เสียชีวิตเพิ่ม</Text>
                                    <NumberFormat
                                        value={item.new_death}
                                        displayType={'text'}
                                        thousandSeparator={true}
                                        prefix={'+ '}
                                        renderText={value => <Text style={styles.numberCovidText}>{value}</Text>} 
                                    />
                                </View>

                                <View style={styles.covidDetailRight3}>
                                    <Text style={styles.covidText}>เสียชีวิตสะสม</Text>
                                    <NumberFormat
                                        value={item.total_death}
                                        displayType={'text'}
                                        thousandSeparator={true}
                                        prefix={'+ '}
                                        renderText={value => <Text style={styles.numberCovidText}>{value}</Text>} 
                                    />
                                </View>
                            </View>
                        </View>
                    )}
                />)}
        </SafeAreaView>
    )
}

export default HomeScreen;

Answer 1

请确保您的covidURL 正确或在您的FlatList 中，尝试将您的KeyExtractor 属性替换为keyExtractor={(item, index) => index.toString()}。

希望这对你有用。