redux中的异步问题?

Question

在redux的异步场景中遇到这个问题。场景是这样：我需要通过 redux-thunk 来发两个 api 请求。但是第一个请求的返回数据正是第二个请求的请求数据，所以必须等第一个请求返回了才能发起第二个请求。怎么解决这样的问题？

Answer 1

感觉这种情况可以直接使用 promise-middleware 中间件，可以直接这样写：

// 假设你有两个 action 发送请求：fetchInfo, fetchDetail

dispatch(fetchInfo())

    .then((action) => {

        // action.payload 就是 fetchInfo 的请求数据

        return dispatch(fetchDetail());

    })

    .then((action) => {

        // action.payload 就是 fetchDetail 的请求数据

    })

Answer 2

function createTodo (todo) {

  return (dispatch) => {

    return fetch('/todos/create', {})

    .then(result => {

      dispatch({type: 'CREATED', result})

    })

  }

}

function getTodo (id) {

  return (dispatch) => {

    return fetch(`/todos/${id}`, {})

    .then(result => {

      dispatch({type: 'LOADED', result})

    })

  }

}

也可以createTodo().then(if(state==='成功！') getTodo())

由于then无论成功失败都会执行。fetch 尿性。所以dispatch后需要判断你改变的state满足了需求，说明createTodo 执行成功了，就执行下一个

这种情况当两个方法不在同一文件中，或者还会跟随者其他的操作的时候用