如何在 Action Creator 中访问 Redux 状态？

在 Action Creators 中访问 Redux 状态

Redux 操作通常设计得“精简”，仅包含更新应用程序所需的信息状态。然而，在某些情况下，可能需要访问动作创建者内的全局存储状态。本文探讨了两种方法，并提供了它们的使用指南。

使用单例存储

一种方法涉及导入单例存储并直接访问其状态。

import store from '../store';

export const SOME_ACTION = 'SOME_ACTION';
export function someAction() {
  return {
    type: SOME_ACTION,
    items: store.getState().otherReducer.items,
  }
}

虽然这种方法实现起来很简单，但它严重依赖于作为单例的存储并作为模块导入公开。不鼓励这种设计，因为它会阻碍服务器渲染的实现，其中每个请求通常需要单独的存储实例。

使用 Redux Thunk 中间件

推荐的方法是利用 Redux Thunk 中间件。 Thunk 中间件允许将异步函数作为操作分派，提供对 getState() 方法的访问。

export const SOME_ACTION = 'SOME_ACTION';
export function someAction() {
  return (dispatch, getState) => {
    const {items} = getState().otherReducer;

    dispatch(anotherAction(items));
  }
}

这种方法需要使用 Redux Thunk，但它允许在客户端上灵活访问存储状态和服务器环境。

注意事项

在 Action Creator 中使用 getState() 已经在 Redux 社区中引起了争论。虽然一些开发人员反对它，但其他开发人员认为它在特定场景中是可以接受的，例如条件调度或访问缓存数据。

最终，最佳方法取决于特定的应用程序要求。如果在操作创建者中需要访问存储状态，则可以考虑单例存储或 Thunk 中间件选项。但是，需要注意的是，操作通常应保持“精简”，以保持清晰度和可追溯性。

以上是如何在 Action Creator 中访问 Redux 状态？的详细内容。更多信息请关注PHP中文网其他相关文章！