Reactjs 在循环中发送Rest调用

Reactjs 在循环中发送Rest调用,reactjs,redux,redux-thunk,Reactjs,Redux,Redux Thunk,我有一个restapi,为了获得最终数据AKA:ENDDATA,我需要发送几个请求(取决于深度)。因此,当发送第一个请求时,返回响应将在正文中包含下一个请求,等等 基本上,我需要基于nextUri执行一个Rest调用列表,直到到达end-ENDDATA 使用React&Redux\Redux-thunk有没有更好的方法 export const find = () => dispatch => { dispatch({ type: FIND_CUSTOMER_START }); a

我有一个restapi,为了获得最终数据AKA:ENDDATA,我需要发送几个请求(取决于深度)。因此,当发送第一个请求时,返回响应将在正文中包含下一个请求,等等

基本上,我需要基于nextUri执行一个Rest调用列表,直到到达end-ENDDATA

使用React&Redux\Redux-thunk有没有更好的方法

export const find = () => dispatch => {
dispatch({ type: FIND_CUSTOMER_START });

axios({
    method: 'post',
    url: '/v1/...',
    headers: { 'X': 'XXX1' },
    auth: {
        username: 'XXX1',
        password: 'XXX'
    },
    data: 'SELECT * FROM .....'
}).then(function (response) {
    // Need to find the nextUri ... before update teh state
    dispatch({
        type: SUCCESS,
        payload: response.data
    });
}).catch(function (error) {
    dispatch({ type: ERROR, payload: error });
 });
 }

感谢您在redux操作中定义api调用

在组件生命周期方法中,可以调用此操作。以及将状态从存储映射到组件

当操作更新状态时,它将导致重新渲染并调用lifecycle方法。在lifecycle方法中,您可以检查
ENDDATA
是否为true,如果不是,则再次调用该操作


在render中,可以使用与lifecycle方法中相同的条件,并让它返回一个微调器以指示加载

谢谢格雷格的回答。请添加一些代码示例,看看在组件生命周期中如何使用React钩子处理这个问题。事实上,我今天必须做一些类似的事情,所以我将在稍后发布一个示例:)