Встречается на собеседованиях • сегодня

Как можно работать с WebSocket в React

Для работы с WebSocket в React можно использовать нативный API WebSocket или библиотеки вроде socket.io-client. Основные шаги:

  1. Создаем соединение в useEffect и закрываем его при размонтировании:
jsx
useEffect(() => {
  const socket = new WebSocket('wss://example.com');

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

return () => socket.close();
}, []);

text

2. Для хранения данных можно использовать состояние:
```jsx
const [messages, setMessages] = useState([]);

useEffect(() => {
  const socket = new WebSocket('wss://example.com');

  socket.onmessage = (event) => {
    setMessages(prev => [...prev, event.data]);
  };

  return () => socket.close();
}, []);
  1. Для отправки данных:
jsx
const sendMessage = (message) => {
  if (socket.readyState === WebSocket.OPEN) {
    socket.send(message);
  }
};

Важно обрабатывать ошибки (onerror) и переподключение при обрыве соединения. Для сложных случаев лучше использовать библиотеки, которые предоставляют дополнительные возможности.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы