質問編集履歴

試したことの追加

2020/02/12 06:40

投稿

スコア0

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -293,4 +293,39 @@
     }
 }
-```
+```
+# 追記
+下記の様に副作用(useEffect)のスキップ(isChangedで制御)を外したところ正常に動作いたしました。
+しかし、今度はリクエストが永遠に送られつづけ、```429 Too many requests```で死にます。
+このことより、pusherとのデータのやりとりをする為のコードは間違っていないことがわかりました。
+恐らく、useEffectが何度も走るということは、何度もレンダリング？されているからだと思うのですが、その原因がわかりません…。
+```
+　　useEffect(() => {
+        // Pusher用のキーを設定
+        const pusher = new Pusher(process.env.MIX_PUSHER_APP_KEY, {
+            cluster: process.env.MIX_PUSHER_APP_CLUSTER,
+            encrypted: true
+        })
+        // チャンネルの購読
+        const channel = pusher.subscribe('chat')
+        channel.bind('ChatMessageReceived', data => {
+            console.log(data)
+            setMessages([...messages, data])
+            console.log(messages)
+        })
+        const token = JSON.parse(User.get('token')).token
+        const boardID = Board.getBoardID()
+        if (token) {
+            Chat.get(token, boardID)
+                .then(res => {
+                    setMessages(res.data.messages)
+                })
+                .catch(e => {
+                    console.log(e)
+                })
+        }
+    })