HTML5 Websocket在發送消息之前等待連接並做好狀態更改

Question

我在我的React應用程序中使用Websockets，並且必須連接到Web套接字，並在連接後立即發送消息。但我的代碼不工作在同步

這

ws = new WebSocket(uri); 
ws.send('my msg'); 

有沒有一種方法來等待連接的建立和準備狀態改變！ 謝謝！

Answer 1

從the docs on MDN：

// Create WebSocket connection. 
const socket = new WebSocket('ws://localhost:8080'); 

// Connection opened 
socket.addEventListener('open', function (event) { 
    socket.send('Hello Server!'); 
});