javascript - 在 redux thunk 中捕获

Question

我可以使用 redux thunk 并管理组件中的 catch 错误吗？推荐吗？

const handleSubmit = (values) => {
  try {
     await dispatch(postLogin(values));
  } catch (err) {
    setError(true);
  }
}

或者我应该在 actionCreator 的 catch 中运行调度？

谢谢。

Answer 1

如果错误被捕获，您可以分派(dispatch)一个操作对象，而不是记录它或调用另一个处理程序。如果您想在组件中的任何位置显示错误消息，它会有所帮助。

const handleSubmit = (values) => {
  try {
     await dispatch(postLogin(values));
  } catch (err) {
     dispatch({
       type: LOGIN_ERROR,
       payload: { err }
     })
  }
}