useWebSocket的onOpen问题

[songrunyu926]

在调用onOpen方法时，使用sendMessage失败 发现在onOpen中readyState 状态还是 connecting 0的状态

[github-actions]

Hi, songrunyu926.

It seems that this issue is a bit vague and lacks some necessary information.

看起来这条 issue 描述得有些模糊，缺少一些必要的信息。

[crazylxr]

有 demo 么？

[songrunyu926]

// 在onOpen方法中直接使用sendMessage会有问题 加上定时就好了

const { readyState, sendMessage, latestMessage, connect } = useWebSocket(url, {
    onOpen(event, instance) {
      console.log(readyState)  // 0
      sendMessage(JSON.stringify({ socketType: 0, message: 'keep-alive' }))
      setInterval(() => {
        sendMessage(JSON.stringify({ socketType: 0, message: 'keep-alive' }))
      }, 15000)
    },
    manual: true,
  })

[crazylxr]

麻烦给一个在线运行的 demo 呢，比如 codesandbox

[github-actions]

Since the issue was labeled with needs more info, but no response in 3 days. This issue will be closed. If you have any questions, you can comment and reply.
由于该 issue 被标记为需要更多信息，却 3 天未收到回应。现关闭 issue，若有任何问题，可评论回复。

[xmsz-stu]

我也遇到这个问题

[aioros2016]

这个问题我也遇到了，在首次连接socket成功后，调用disconnect方法断开连接，然后调用connect方法重新连接。此时，onpen回调中的readyState为0。可能是该hook中的某个异步环节的处理出现了问题。

[haobarry]

2022年就提出来了 到现在也没改
明显是个bug 状态还是0的时候就触发了 onOpen了

[joket1999]

我也遇到这个问题，连接断开后重新连接，readyState 为1 ，但是报错：
chunk-VGGCA2L5.js?v=27dc857d:16670 Uncaught InvalidStateError: Failed to execute 'send' on 'WebSocket': Still in CONNECTING state.

代码如下：

const ReadyState = {
    Connecting: 0,
    Open: 1,
    Closing: 2,
    Closed: 3
};
const { readyState, sendMessage, latestMessage } = useWebSocket(url);

useEffect(() => {
	switch (readyState) {
		// 连接成功
		case ReadyState.Open:
			sendMessage('data');
			break;
		default:
			break;
	}
}, [readyState, sendMessage]);

[YaoJunhaoya]

我在onOpen（ webSocket 连接成功回调）里调用sendMessage 提示我没有连接成功 确实是有问题，到现在还没解决

[github-actions]

Hello @songrunyu926. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please send your Pull Request to proper branch (feature branch for the new feature, master for bugfix and other changes), fill the Pull Request Template here, provide changelog/TypeScript/documentation/test cases if needed and make sure CI passed, we will review it soon. We appreciate your effort in advance and looking forward to your contribution!

你好 @songrunyu926，我们完全同意你的提议/反馈，欢迎直接在此仓库 创建一个 Pull Request 来解决这个问题。请将 Pull Request 发到正确的分支（新特性发到 feature 分支，其他发到 master 分支），务必填写 Pull Request 内的预设模板，提供改动所需相应的 changelog、TypeScript 定义、测试用例、文档等，并确保 CI 通过，我们会尽快进行 Review，提前感谢和期待您的贡献。