Reactjs 在循环中发送Rest调用
我有一个restapi,为了获得最终数据AKA:ENDDATA,我需要发送几个请求(取决于深度)。因此,当发送第一个请求时,返回响应将在正文中包含下一个请求,等等 基本上,我需要基于nextUri执行一个Rest调用列表,直到到达end-ENDDATA 使用React&Redux\Redux-thunk有没有更好的方法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
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钩子处理这个问题。事实上,我今天必须做一些类似的事情,所以我将在稍后发布一个示例:)