React Native Websocket JSON通信

import React, { useEffect, useState } from 'react';
import { View, Text } from 'react-native';

const WebSocketComponent = () => {
  const [messages, setMessages] = useState([]);
  const [ws, setWs] = useState(null);

  useEffect(() => {
    const socket = new WebSocket('wss://your-websocket-server.com');

    socket.onopen = () => {
      console.log('WebSocket connected');
      // 发送初始化消息
      socket.send(JSON.stringify({ type: 'init', data: {} }));
    };

    socket.onmessage = (event) => {
      const message = JSON.parse(event.data);
      setMessages([...messages, message]);
    };

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

    socket.onclose = () => {
      console.log('WebSocket closed');
    };

    setWs(socket);

    // 清理函数
    return () => {
      socket.close();
    };
  }, [messages]);

  return (
    <View>
      {messages.map((message, index) => (
        <Text key={index}>{JSON.stringify(message)}</Text>
      ))}
    </View>
  );
};

export default WebSocketComponent;