如何在同一页面的 React-native 中从多个 api 端点获取数据

Question

我正在尝试从两个不同的 api 端点获取数据，并尝试在我的 React 本机应用程序的同一页面中显示全部数据This is the snapshot of the error I'm getting with the code snippet

Answer 1

我也遇到了同样的异常...在另一个中尝试了不同的 approach.Chained 一种获取方法，并尝试将值设置到第一个获取块中的所有数据源变量中，然后使用下一个提取块中的第二个变量。

问题已解决，值现在按要求提供。不知道这是否是完美的方法，但它解决了问题，请尝试参考以下示例

fetch(‘endpoint1’, {
        method: 'post',
        headers: {
            'Accept': 'application/json',
            'Content-type': 'application/json'
        },
        body: JSON.stringify({
            //send the parameters you need to use to fetch the data 
 from endpoint
    //e.g.  “id”: this.state.id,
    …   
        })
    })
        .then((response) => response.json())
        .then((responseJson) => {
            this.setState({
                isLoading: false,
                dataSource1: responseJson,
                dataSource2: responseJson,
            })

        })
        .then(()=>{
        fetch(‘endpoint2', {
        method: 'post',
        headers: {
            'Accept': 'application/json',
            'Content-type': 'application/json'
        },
        body: JSON.stringify({
            //send the parameters you need to use to fetch the data 
from endpoint
    //e.g.  “id”: this.state.id,
    …   
        })
    })
        .then((response) => response.json())
        .then((responseJson) => {
            this.setState({
                isLoading: false,
                dataSource2: responseJson,
            })
        })
        })
        .catch((error) => {
            console.error(error);
        });

如何在同一页面的 React-native 中从多个 api 端点获取数据

How can I fetch data from multiple api endpoints in React-native in the same page

datasource

fetch

react-native