React Native FlatList没有显示来自API的数据(axios)

时间:2019-12-24 10:21:23

标签: api react-native axios

我对使用React Native从API提取数据还很陌生,我正在使用Axios。我正在尝试从API提取类别并在FlatList中列出它们,但是它没有加载到屏幕上。这是我的代码

主屏幕:

import React from 'react';
import { 
    View,
    Text,
    FlatList,
    StyleSheet 
    } from 'react-native';
import ApiData from '../src/api/apiData';

const HomeScreen = () => {
        return (
            <View>
                <FlatList 
                vertical
                data={ApiData.get('/categories')}/>
            </View>
            );
};

apiData

import axios from 'axios';

export default axios.create({
    baseURL:"https://developers.api.com/api/v2.1",
    headers: {
        'user-key': 'MyKeyGoesHere'
    }
})

这是我到目前为止所做的一切,但有点迷茫。谢谢

1 个答案:

答案 0 :(得分:2)

我在这里更新了我的代码,请检查

https://snack.expo.io/SJZC7tJkL