react.js - redux中的异步问题

问题描述

问 题

在redux的异步场景中遇到这个问题。

场景是这样：

我需要通过 redux-thunk 来发两个 api 请求。
但是第一个请求的返回数据正是第二个请求的请求数据，所以必须等第一个请求返回了才能发起第二个请求。

怎么解决这样的问题？

解决方案

模拟个例子，createTodo发起网络请求，返回后发起另一个请求。

function createTodo (todo) {
  return (dispatch) => {
    fetch('/todos/create', {})
    .then(result => {
      dispatch({type: 'CREATED', result})
      dispatch(getTodo(result.id))
    })
  }
}

function getTodo (id) {
  return (dispatch) => {
    fetch(`/todos/${id}`, {})
    .then(result => {
      dispatch({type: 'LOADED', result})
    })
  }
}

这篇关于react.js - redux中的异步问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！