如何在 Redux 工具包中获取错误消息？

Question

如何在 reactjs 工具包中显示默认错误 action.message？

有一个减速器：

...
getQueryFail: state => {
state.loading = false
state.errors = true
}
...

动作调度：

...
catch(error){
dispatch (getQueryFail())
}
....

如何在操作失败时显示错误消息？

Answer 1

如果我理解您的问题，它将/应该像将 error 传递给 getQueryFail 动作创建者一样简单。假设 getQueryFail 是一个 createAction 操作，那么传递给它的任何参数都会在操作负载中传递。

catch(error){
  dispatch (getQueryFail(error))
}

在 reducer 中访问 action.payload 以获取错误。

getQueryFail: (state, action) => {
  state.loading = false;
  state.errors = true;
  state.error = action.payload;
}

不过，使用 error 键传递对象可能更清楚。

catch(error){
  dispatch (getQueryFail({ error }))
}

...

getQueryFail: (state, action) => {
  state.loading = false;
  state.errors = true;
  state.error = action.payload.error;
}