在 JavaScript 函数中访问 Redux 存储

Question

是否可以将 redux 状态映射到常规 javascript 函数而不是 React 组件？

如果没有，还有其他方法可以将 redux 状态连接到函数吗？ （显然没有明确地将其作为参数传入）

我尝试连接到一个函数，但它中断了（我没有确切的错误消息。服务器只是遇到了一个 uncaughtException）。由于 React 组件可以是纯函数，connect() 是否仅适用于 class ComponentName extends Component（等等）？

我想做这样的事情的原因：

我有一个 redux 操作生成器，如果它发现操作的结果已经处于 redux 状态，我希望生成器跳过执行 API 调用，但我不想必须从每个容器中显式检查每个容器的状态单个 api 调用。这有意义吗？

感谢您的任何想法。

Answer 1

connect() 带有 react-redux 包，它是 Redux 的 React 绑定。但是如果你想用普通的 JavaScript 与 Redux 状态交互，你不需要connect() 或react-redux。你可以直接与 Redux store 及其 API 交互。

例如，如果你想监听动作，你可以使用subscribe()方法如下，并使用getState()方法访问state。

let unsubscribe = store.subscribe(function(){
  const state = store.getState();
})

我不太清楚你想要达到什么目标，但我希望这会有所帮助。

编辑：

您可以在一个文件中创建商店并将其导出。

store.js

import { createStore } from 'redux'
import reducers from "./reducers";

const store = createStore(reducers)

export default store;

现在您可以从任何其他文件导入商店并使用它。

import store from "./store";

Answer 2

假设你有一个动作。只需添加一些标记 - 减速器将检测是否跳过该标记：

Action:
{
  type: 'SOMETYPE',
  paylod: data,
  shouldSkip: true
}

Reducer:
export default function ( state = {}, action ) {
  if(action.shouldSkip)
    return state
  switch ( action.type ) {
    case "OTHER_TYPE":
      return action.payload;
    default:
      return state;
  }
}