Redux 异步多次调度

Question

我正在为我的网站使用 Redux，并且我想在页面加载时进行两次调度。第二次分派等待第一次分派（它进行 ajax 调用）完成，以便它可以使用来自第一次分派的数据。问题是现在第二次调度没有等待第一次调度完成，所以 this.props.allData 是空的。我该怎么做呢？我也尝试过使用 redux-thunk 和 promises 但无济于事。

componentWillMount() {

    this.props.dispatch(fetchAllData())
    this.props.dispatch(fetchData(this.props.allData, this.props.params.id))

}

---

这会给我一个错误说“无法读取未定义的属性'then'”

getAllData() {
  return (dispatch) => {
    return dispatch(fetchAllData()).then(()=> {
      dispatch(fetchData(this.props.allData, this.props.params.id))
    })
  }
}


componentWillMount() {
    this.props.dispatch(this.getAllData())
}

Answer 1

您在getAllData 中对dispatch 的调用次数过多。试试这样的：

getAllData() {
  return (dispatch) => {
    return fetchAllData().then((resp)=> {
      dispatch(fetchData(resp.payload, this.props.params.id))
    })
  }
}