在接收套接字请求中使用redux thunk和socket.io

时间:2018-07-04 17:05:26

标签: javascript reactjs redux socket.io redux-thunk

我正在使用redux thunk和socket.io,我对处理套接字io几乎一无所知,因为我付诸行动了,但是接收又如何呢?我试过了 在我的reducer文件中使用以下方法。

const store =
  getUserRole() === 'member' ? import('../store') : import('../adminStore')

socket.on('receive-payment', function(payload) {
    store.dispatch({
      type: ADD_PAYMENT,
      payload
    })
})

我遇到了store.dispatch is not a function的错误。怎么了?

1 个答案:

答案 0 :(得分:0)

我不确定,但是我认为您可能应该首先在变量中定义这两个导入,然后在商店中分配一个或另一个。

import store as store1 from '../store';
import store as store2 from '../adminStore';

const store = getUserRole() === 'member' ? store1 : store2;

socket.on('receive-payment', function(payload) {
    store.dispatch({
      type: ADD_PAYMENT,
      payload
    })
})

请告诉我这是否有帮助。