如何在Flux中传递套接字连接？

Question

套接字如何初始化一次并传递给React / Flux应用程序？该应用程序应该只有一个套接字对象吗？它应该在组件中初始化然后传递给操作然后存储吗？

Answer 1

这是来自https://github.com/calitek/ReactPatterns React.14 / ReFluxWebSocket。

＆＃13;

＆＃13;

import Actions from '../flux/Actions';

module.exports = {
  socket: {},
  init() {
    this.socket = new Primus();
    this.socket.on('server:GotData', this.gotData);
    Actions.apiInitDone();
  },
  getData() { this.socket.send('client:GetData', {}); },
  gotData(data) { Actions.gotData1(data); Actions.gotData2(data); Actions.gotData3(data); },
  setData(data) { this.socket.send('client:SetData', data); },
};

＆＃13;

＆＃13;

＆＃13;

我所做的是调用init函数，然后让apiInitDone动作触发初始数据加载。