簡體   English   中英

React.js&Flux - 注冊Websocket事件的最佳位置(接收數據)

[英]React.js & Flux - where is the best place to register Websocket event (receive data)

我正在嘗試編寫一個簡單的應用程序,該應用程序應顯示使用Websockets從Firebase DB收到的項目列表。 要接收數據我應該聽firebase事件,如下所示:

var ref = new Firebase("firebase-url-here");

ref.on('value', function(snap) {
    console.log(snap.val());
});

我的問題是 - 注冊此活動的正確位置在哪里?

我讀了一篇關於Flux的好文章 - 在評論部分有一個Facebook工程師的回答說接收數據將通過商店的getData方法。 另一方面,在Facebook的Todolist教程中,有一個“handleServerAction”選項可以處理服務器操作。 我理解應該從視圖和服務器調度操作的概念(作為視圖操作和服務器操作)。

將從視圖文件上的用戶交互調度視圖操作。 我不明白從哪里發送服務器操作(假設我想使用'handleServerAction'方法)

我就是這樣做的(如果是Flux):你應該把你的WebSocket放到Web API模塊中。 創建套接字init操作(初始化WebSocket)和push操作(通過套接字發送數據)。 使Web API模塊調度數據收入操作,在存儲中偵聽此操作,並在獲取某些數據后更新存儲。 然后,您可以從根組件中調度init操作,並在需要數據的組件中偵聽存儲更改。 您還可以在需要通過套接字發送數據時調度push操作。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM