RN关于websocket
时间: 2024-01-24 17:15:55 浏览: 184
websocket
React Native提供了对WebSocket的支持,可以在应用中使用WebSocket进行实时通信。下面是一个使用WebSocket的示例:
```javascript
import React, { useEffect, useState } from 'react';
import { View, Text } from 'react-native';
const WebSocketExample = () => {
const [message, setMessage] = useState('');
useEffect(() => {
const socket = new WebSocket('ws://localhost:8080');
socket.onopen = () => {
console.log('WebSocket连接已打开');
socket.send('Hello Server!');
};
socket.onmessage = (event) => {
console.log('收到服务器消息:', event.data);
setMessage(event.data);
};
socket.onclose = () => {
console.log('WebSocket连接已关闭');
};
return () => {
socket.close();
};
}, []);
return (
<View>
<Text>收到的消息: {message}</Text>
</View>
);
};
export default WebSocketExample;
```
在上面的示例中,我们创建了一个WebSocket对象并连接到指定的服务器地址。然后,我们监听WebSocket的事件,包括连接打开、收到消息和连接关闭。在组件卸载时,我们关闭WebSocket连接。
请注意,上述示例中的服务器地址是示例地址,你需要根据实际情况替换为你自己的服务器地址。
阅读全文