在反应组件中订阅 redux 操作

Question

我有一个异步 thunk，可以从 Web 服务中获取一些信息，它可以分派三种类型的操作

FETCH_REQUESTED
FETCH_SUCCEEDED
FETCH_FAILED

最后，如果它成功了；它返回实际的响应，或一个错误对象。

我有一个组件应该检测操作是否失败，最好通过订阅FETCH_FAILED操作并根据错误类型显示错误消息（404/401 和其他状态代码）

FETCH_REQUESTED
FETCH_SUCCEEDED
FETCH_FAILED

我对 redux 和 react 很陌生，所以我有点不确定我是否朝着正确的方向前进，任何帮助将不胜感激。

Answer 1

要实现适当的 redux 回调和存储机制，您应该有一个存储来保存所有数据，

const store = createStore(todos, ['Use Redux'])

然后，您将数据发送到存储区，

store.dispatch({
  type: 'FETCH_FAILED',
  text: reposnse.status //Here you should give the failed response from api
});

然后，您可以使用订阅功能从任何组件中的商店获取值。它会在任何动作被分派时被调用，状态树的某些部分可能已经改变。

store.subscribe(()=>{
  store.getState().some.deep.property
})

这是 Redux 的一个简单实现。随着您的应用程序变得越来越复杂，您需要将您的减少功能拆分为单独的功能，每个功能使用combineReducers. 您可以从redux.js 站点获取更多信息