Redux & Socket IO 代理错误

Question

我正在使用以下插件在 Redux 中管理我的 Socket IO 实例：

https://github.com/itaylor/redux-socket.io

我只需要在我的用户登录后才能初始化套接字。插件在文档中建议在设置商店时设置套接字实例：

import { createStore, applyMiddleware } from 'redux';
import createSocketIoMiddleware from 'redux-socket.io';
import io from 'socket.io-client';

let socket = io('http://localhost:3000');
let socketIoMiddleware = createSocketIoMiddleware(socket, "server/");

function reducer(state = {}, action){
  switch(action.type){
    case 'message':
      return Object.assign({}, {message:action.data});
    default:
      return state;
  }
}

let store = applyMiddleware(socketIoMiddleware)(createStore)(reducer);

store.subscribe(()=>{
  console.log('new client state', store.getState());
});
store.dispatch({type:'server/hello', data:'Hello!'});

由于我无法在设置商店的同时设置实例，我需要找到一种稍后设置它的方法。我在 redux-socket.io 问题中找到了这个解决方案：

https://github.com/itaylor/redux-socket.io/issues/13#issuecomment-256095866

似乎是一个完美的解决方案，所以我用我当前的商店设置实现了它：

import {applyMiddleware,createStore} from 'redux';
import rootReducer from './reducers/___index';
import thunk from 'redux-thunk';

let socketIoMiddleware = null;
const proxyMiddleware = store => next => action => {
  if (socketIoMiddleWare !== null) {
     return socketIoMiddleware(store)(next)(action);
  }
  return next(action);
}

const middlewares = [proxyMiddleware, thunk];
const store = createStore(rootReducer,applyMiddleware(...middlewares));

商店呈现良好，没有错误，但是当我尝试通过单击按钮更改商店状态中的任何内容时，我收到以下错误：

socketIoMiddleWare 未定义

我在 redux-socket.io 存储库中找到的上述解决方案似乎对其他人有效，所以我不完全确定为什么会出现此错误。

任何建议将不胜感激！

Answer 1

这里的if(socketIoMiddleWare !== null) { 应该是socketIoMiddleware。好像是错别字