未调用componentWillReceiveProps中的Axios.all

Question

使用React和Redux，我需要等待我所有的动作完成才能更新组件状态。 阅读Axios文档后，我发现axios.all可以收集我所有的操作并等待所有操作解决（基本上，我正在调用API n次以获取有关n项的信息）。 问题是axios.all .then函数中的console.log根本不返回任何内容，但是操作已正确调度。

if (this.props.evaluation && this.props.evaluation.topics) {
  var promises = []

  var array = this.props.evaluation.topics;
  var selectedArray = []
  for (var i = 0; i < array.length; i++) {
    promises.push(this.props.fetchTopic(array[i]))
  }

  axios.all(promises).then(function(results) {
    results.forEach(function(response) {
      console.log('///////////////////////');
      console.log(response.value);
      console.log('///////////////////////');
    })
  });
}

编辑 ：这是我的fetchTopic代码

在我的组件中：

const mapDispatchToProps = (dispatch) => ({
  fetchTopic: (id) => dispatch(fetchTopic(id)),
})

在我的actions.js中

export const fetchTopic = (id) => ({
  type: "FETCH_TOPIC",
  payload: axios.get(process.env.SERVICE_URL + '/topic/' + id, { headers: { 'Authorization': 'JWT ' + sessionStorage.jwt }})
})

Answer 1

改变这个

export const fetchTopic = (id) => ({
  type: "FETCH_TOPIC",
  payload: axios.get(process.env.SERVICE_URL + '/topic/' + id, { headers: { 'Authorization': 'JWT ' + sessionStorage.jwt }})
})

对此

   export const fetchTopic = (id, cb) => {
     axios.get(process.env.SERVICE_URL + '/topic/' + id, { headers: { 'Authorization': 'JWT ' + sessionStorage.jwt }})
     .then((response) => {
       if (cb) cb({ type: "FETCH_TOPIC", payload:response })
     });
    }

然后跑

for (var i = 0; i < array.length; i++) {
  this.props.fetchTopic(array[i], (result) => {
    // get the result here
  })
}