我正在尝试从 React-Native 应用程序中的数据库中获取我的数据答案

【问题标题】：I'm trying to get my data from database in React-Native app我正在尝试从 React-Native 应用程序中的数据库中获取我的数据
【发布时间】：2021-05-28 18:40:55
【问题描述】：

如果我输入 .then(data =>{console.log(data)})，我可以看到数据，但不会显示在我的应用程序中。我该怎么办？谢谢

function Home(props) {

const [data, setData] = useState([]);
const [loading, setLoading] = useState(true);
const loadData = () => {
    fetch(url, {
        method: "GET"
    })
        .then(resp => resp.json())
        .then(data => {
            setData(data)
            setLoading(false) 
        })
        .catch(error => Alert.alert('error', error.message))
};


useEffect(() => {
    loadData();
}, [])
{/* 

            

return (
    <View style={styles.homeText}>
        <FlatList
            data={data}
            renderItem={({ item }) => {
                return renderData(item)
            }}
            onRefresh={() => loadData()}
            refreshing={loading}
            keyExtractor={item => `${item.id}`}
        />
      )}

我在 Django 视图中的模型是：视图.py

 class MeasurementsViewSets(viewsets.ModelViewSet):

    queryset = Measurements.objects.all()
    serializer_class = MeasurementsSerializer

我的 urls.py 是：

router = DefaultRouter()
router.register('measurements', MeasurementsViewSets)
#router.register(r'measurements', views.MeasurementsViewSets) // this doesn't work either

在 Django 中，我得到：“GET /api/measurements/HTTP/1.1”200

【问题讨论】：

标签： python django react-native get fetch

【解决方案1】：

您不是在获取数据本身。只有响应。

将您的 loadData 方法更改为：

const loadData = () => {
    fetch(url, {
        method: "GET"
    })
        .then(resp => resp.json())
        .then(res => { <------------ THIS
            setData(res.data) <----- AND THIS
            setLoading(false) 
        })
        .catch(error => Alert.alert('error', error.message))
};

【讨论】：