使用react的hook写法实现当前写页面加载时连接websocket，卸载页面时关闭websocket

##因为useEffect比较类组件的写法轻量级，所以采用useEffect写法

1. 首先想到的是在在useEffect中定义，加载时就调用websockeet方法，建立连接，当页面卸载时就调用close方法关闭连接。
2. 具体做法
3. 定义一个ws用于打开关闭连接

//全局定义一个变量，用于打开关闭连接
let ws ;
//定义打开连接的方法
const webSocket = () => {
   
        return new Promise((resolve, reject) => {
   
            ws = new WebSocket(url);
            // let res = [];
            ws.on