Question

大家好，我有一个问题，要从API读取数据并借助 react-native-paper 模数进行显示。尝试访问数据时，我只得到了empy字段，到目前为止，我目前的状态：

import React, {useEffect, useState} from 'react';
import {Dimensions, StyleSheet, Text, View} from "react-native";


export default function () {



    const [data, setData] = useState({})
    const [isLoading, setLoading] = useState(false);


    useEffect(() => {
        fetch(
            "dummyData"
        )
            .then((response) => response.json())
            .then((json) => setData(json.features))
            .catch((error) => console.error(error))
            .finally(() => setLoading(false));
    }, []);

    return (
        <View style={styles.screen}>
           <DataTable.Row>
      <DataTable.Cell>Frozen yogurt</DataTable.Cell>
      <DataTable.Cell numeric>159</DataTable.Cell>
      <DataTable.Cell numeric>6.0</DataTable.Cell>
    </DataTable.Row>
        </View>
    )
}

Answer 1

您正在访问的属性是您错误的您设置为数组的json.features

因此，您应该像下面那样访问“ LAN_ew_GEN”属性

data[0].attributes.LAN_ew_GEN

这将获得LAN_ew_GEN的第一个元素的值，您也可以考虑使用地图。

在表中显示来自API的数据

1 个答案: