nicecode-v2/packages/hooks/src/demo.md

nav	title
title order hooks 2	hooks 列表

useRafLoop

import { useRafLoop } from '@zhst/hooks'

useActivateWrapper

import { useActivateWrapper } from '@zhst/hooks'

useCustomCompareEffect

import { useCustomCompareEffect } from '@zhst/hooks'

useBoolLocalStorage

import { useBoolLocalStorage } from '@zhst/hooks'

useDeepEffect

import { useDeepEffect } from '@zhst/hooks'

useDeepMemo

import { useDeepMemo } from '@zhst/hooks'

useDoubleCheck

import { useDoubleCheck } from '@zhst/hooks'

useIMEComposition

import { useIMEComposition } from '@zhst/hooks'

useSocket

import React, { useRef, useMemo } from 'react';
import { useWebSocket } from 'ahooks';

enum ReadyState {
  Connecting = 0,
  Open = 1,
  Closing = 2,
  Closed = 3,
}

export default () => {
  const messageHistory = useRef<any[]>([]);

  const { readyState, sendMessage, latestMessage, disconnect, connect } = useWebSocket(
    'ws://10.0.0.7:30003/socket.io/?EIO=3&transport=websocket',
  );

  let data = {
    
  }

  const sendMsg = () => {
    sendMessage([
      '',
      '{\"extraHeaders\":{\"authorization\":\"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3MDQwMTM0NzgsImp0aSI6IjI1MDYiLCJpYXQiOjE3MDM3NTQyNzgsInVzZXJJZCI6MSwidXNlcm5hbWUiOiJhZG1pbiIsImRhdGFSaWdodCI6MiwiY2FtZXJhUmlnaHQiOjEsImdwdVJpZ2h0IjoxLCJ1c2VybGVhZGVySWQiOjAsIm9yZ2FuaXphdGlvbklkIjoxLCJyb2xlSWQiOjF9.sVeRo-p3Bw337voTVAvoKha6W9595BrrYyx3_16uEwU\"}}'
    ])
  }

  return (
    <div onClick={() => sendMsg()} >测试</div>
  )
}