React native |重新渲染时重新加载websocket

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import WebSocket from 'react-native-websocket';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.socket = null;
  }

  componentDidMount() {
    this.socket = new WebSocket('wss://example.com/ws');

    this.socket.onopen = () => {
      console.log('WebSocket connected');
    };

    this.socket.onmessage = (event) => {
      console.log('Received message:', event.data);
    };

    this.socket.onerror = (error) => {
      console.error('WebSocket error:', error);
    };

    this.socket.onclose = (event) => {
      console.log('WebSocket closed:', event.code, event.reason);
    };
  }

  componentWillUnmount() {
    if (this.socket) {
      this.socket.close();
    }
  }

  render() {
    return (
      <View>
        <Text>My Component</Text>
      </View>
    );
  }
}

export default MyComponent;