React Native中Redux中间件无法访问Store问题求助

你遇到的问题其实是对 Redux 中间件接收的 store 参数理解有偏差——Redux 中间件的第一个参数并不是完整的 store 实例，而是一个只包含 dispatch 和 getState 核心方法的 API 子集对象。所以你直接打印它时可能会误以为是空对象，但它已经具备了你需要的触发 action 的能力。

下面给你一套完整的正确实现方案：

1. 修正 Socket.IO 中间件写法 #

把 Socket.IO 实例的初始化和事件监听放在中间件的最外层（也就是接收 store 参数的函数里），这样就能直接用 store.dispatch 来存储 socket 收到的数据：

import io from 'socket.io-client';

const socketMiddleware = (store) => {
  // 初始化全局 Socket.IO 实例
  const socket = io('https://你的socket服务端地址');

  // 监听socket事件，收到数据直接dispatch action
  socket.on('data-received', (socketData) => {
    store.dispatch({
      type: 'SOCKET_SAVE_DATA',
      payload: socketData
    });
  });

  // 处理需要发送到socket的action
  return next => action => {
    switch (action.type) {
      case 'SOCKET_SEND_MESSAGE':
        socket.emit('send-message', action.payload);
        break;
      // 可以添加更多socket相关action的处理逻辑
      default:
        break;
    }

    // 把action传递给下一个中间件
    return next(action);
  };
};

export default socketMiddleware;

2. 调整中间件顺序（可选但推荐） #

在 configureStore 里，建议把 socketMiddleware 放在异步中间件（比如 thunk、promise）之后，日志中间件之前，确保它能正常获取到完整的 dispatch 能力：

export default function configureStore() {
  const middlewares = [
    thunkMiddleware.withExtraArgument({ api }),
    errorMiddleware,
    promiseMiddleware(),
    socketMiddleware, // 调整到这里，确保异步逻辑处理完后再走socket逻辑
    isDev() && logger,
  ].filter(Boolean);

  const store = createStore(
    persistedReducer,
    composeWithDevTools(applyMiddleware(...middlewares)),
  );

  const persistor = persistStore(store);
  return { store, persistor };
}

为什么之前的「store」看起来是空的？ #

Redux 中间件的设计就是只暴露 dispatch 和 getState 这两个最核心的方法，避免中间件依赖 store 的其他内部属性。所以你打印这个参数时看不到额外内容，但完全不影响你调用 store.dispatch 来触发 action 存储数据。

额外小提示 #

• 可以在 socket 的 connect、disconnect 事件里 dispatch 对应的 action，把连接状态同步到 Redux 中；
• 确保 Socket.IO 客户端和服务端版本兼容，避免出现连接异常的问题。

内容的提问来源于stack exchange，提问作者Cécile Huguet