如何在 Action Creators 中访问 Redux 存储状态：直接与 Redux Thunk？

在 Action Creators 中访问 Redux Store 状态

在 Redux 中创建 Action 时，您可能会遇到访问全局 Store 状态的需要。本文将探讨实现此目的的两种方法：通过导入的存储变量直接访问状态或利用 Redux Thunk 中间件。

直接访问状态

<code class="javascript">import store from '../store';

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

这种方法依赖于存储是从模块导出的单例。虽然技术上可行，但不建议这样做，因为它会使服务器端渲染复杂化，每个请求都需要单独的存储。

使用 Redux Thunk

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

    dispatch(anotherAction(items));
  }
}</code>

使用 Redux Thunk 中间件允许通过 getState 函数访问存储状态。这种方法是首选，因为它可以在客户端和服务器环境中无缝工作。

注意事项

对于在动作创建器中使用 getState 有不同的意见。一些人认为它应该仅限于检查缓存数据或验证身份验证状态的场景。其他人则认为在 thunk 中使用 getState 是可以接受的。

最终，最佳方法取决于应用程序的具体需求。虽然操作在理想情况下应该简洁，但在某些情况下直接在操作创建器中访问状态可能是合理的。

以上是如何在 Action Creators 中访问 Redux 存储状态：直接与 Redux Thunk？的详细内容。更多信息请关注PHP中文网其他相关文章！