useWebsocket的案例里面，UI渲染是通过ref来渲染的，这种是常规模式么？

[Renderz]

ref的变化是不会触发UI的重渲染，但是因为useWebsocket内部状态触发了重渲染，所以也可以用ref来映射UI，防止写成setState触发两次渲染。

这个理解是正确的么？

并且ref.current = useMemo这种写法有什么说法么，请大佬们指教。

[canvascat]

这大概就是黑魔法吧🤣

其实用setState也只会render一次（会合并）

  const [messageHistory, setMessageHistory] = useState<any[]>(() => []);

  useWebSocket("wss://ws.postman-echo.com/raw", {
      onMessage: (msg) => {
        setMessageHistory((state) => [...state, msg]);
      },
    });