React Native 如何使用 API URL 获取数据

我正在尝试从 Zomato API ( https://developers.zomato.com/documentation ) 中检索数据，并且正在尝试从选定的类别中检索餐厅。这是我第一次使用 API，所以如果有人可以引导我了解我不理解的内容，或者如果我的代码中有错误，我将不胜感激。

这是我的相关代码：

主屏幕.js

async componentDidMount(){
  this.setState({
    data: await apiCall('')
  })
}

render() {
  return (
    <View>
      <FlatList
        style={{ marginBottom: 80 }}
        keyExtractor={item => item.id}
        data={this.state.data}
        renderItem={({ item }) =>
          <TouchableHighlight onPress={() => this.props.navigation.navigate('CategoryScreen', { category: item.categories.id })}>//the user will tap on the category and the CategoryID will be moved to the next screen
            <Card style={styles.container}>
              <Text style={{ color: '#000', fontWeight: 'bold' }}>{item.categories.name} </Text>
            </Card>
          </TouchableHighlight>}
      />
    </View>
  );
}
}

一旦用户点击平面列表中的类别单元格，项目应在下一页列出该类别中的所有餐厅

类别屏幕.js

 async componentDidMount(){
  this.setState({
    data: await apiSearch('`{this.props.navigate.category}`')
  })
  console.log(await apiSearch)
}

render(){
  return (
    <FlatList
      style={{ marginBottom: 80 }}
      keyExtractor={item => item.id}
      data={this.state.data}
      renderItem={({ item }) =>
        <Card style={styles.container}>
          <Text style={{ color: '#000', fontWeight: 'bold' }}>{item.restaurants.name} </Text>
        </Card>}
    />
  );
}

这是我拥有所有 API 调用函数的文件

API.js

import axios from 'axios';

export const apiCall = async () => {
  return await axios.request({
    baseURL: "https://developers.zomato.com/api/v2.1/categories?city_id=New%20Jersey%20",
    headers: {
      'user-key': "a31bd76da32396a27b6906bf0ca707a2",
    },
    method: 'get'
  }).then(async (response) => {
    return response.data.categories
  }).catch(err => console.log(err))
}

export const apiSearch = async (id) => {
  return await axios.request({
    baseURL: `https://developers.zomato.com/api/v2.1/search?category=${id}`,
    headers: {
      'user-key': "a31bd76da32396a27b6906bf0ca707a2",
    },
    method: 'get'
  }).then(async (response) => {
    return response.data.restaurants
  }).catch(err => console.log(err))
}

根据 Zomato API 文档说

可以使用 /Search API 以类别 ID 作为输入获取归入特定餐厅类型的所有餐厅的列表

每个类别 ID 都是一个特定的数字，位于apiSearchconst 中baseURL 的末尾。所以我想要做的是将第一页的类别 ID 添加到第二页的 URL 末尾，因为我认为这就是我认为每个类别中的餐馆将被显示的方式。但是我开始认为这并不完全正确。我真的对如何使用 API 感到困惑