|
|
@ -10,11 +10,13 @@ const WebsocketClient = () => { |
|
|
|
|
|
|
|
|
|
|
|
const [isConnection, setIsConnection] = useState(false); |
|
|
|
const [isConnection, setIsConnection] = useState(false); |
|
|
|
const websocket = useRef(null); |
|
|
|
const websocket = useRef(null); |
|
|
|
|
|
|
|
const timeout = useRef(null); |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
useEffect(() => { |
|
|
|
connect(); |
|
|
|
connect(); |
|
|
|
return () => { |
|
|
|
return () => { |
|
|
|
websocket.current.close(); |
|
|
|
websocket.current.close(); |
|
|
|
|
|
|
|
clearTimeout(timeout.current); |
|
|
|
}; |
|
|
|
}; |
|
|
|
}, []); |
|
|
|
}, []); |
|
|
|
|
|
|
|
|
|
|
@ -35,7 +37,7 @@ const WebsocketClient = () => { |
|
|
|
|
|
|
|
|
|
|
|
websocket.current.onclose = event => { |
|
|
|
websocket.current.onclose = event => { |
|
|
|
setIsConnection(false); |
|
|
|
setIsConnection(false); |
|
|
|
setTimeout(function () { |
|
|
|
timeout.current = setTimeout(function () { |
|
|
|
connect(); |
|
|
|
connect(); |
|
|
|
}, reConnectionTime); |
|
|
|
}, reConnectionTime); |
|
|
|
|
|
|
|
|
|
|
|