reactjs - 使用 React 和 Recoil.js 保持 websocket 连接的状态

Question

我正在寻找一种实用的方法来保持与 Recoil 的 websocket 连接。

我的想法是将websocket放入一个原子中：

import useWebSocket from 'react-use-websocket';
import { atom, selector } from 'recoil';

const socketUrl =
  'wss://xxx.com';

const webSocket = useWebSocket(socketUrl, {
  onOpen: () => console.log('opened'),
  //Will attempt to reconnect on all close events, such as server shutting down
  shouldReconnect: (closeEvent) => true,
});

// If the page has been archived before, the id in the archive
export const webSocketAtom = atom({
  key: 'webSocket',
  default: webSocket,
});

这是一个好方法还是我在那里打破了一些规则？

Answer 1

Recoil 目前无法处理类实例，这是唯一的规则。

您的代码当然不起作用，因为您在组件外部使用了钩子，但除此之外，您应该能够将返回的对象保存在useWebSocket原子内部。