/
githubmirror
/
socket.io
Обзор
Документация
Войти
/
githubmirror
/
socket.io
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
examples/create-react-app-example/src/App.js
56 строк
1 KB
WD
docs(examples): update create-react-app example (#4347)
20 апр 2022, 23:47
Не верифицирован
20 апр 2022, 23:47
1f03a44
Код
Авторство
О чём код?
import React, { useState, useEffect } from 'react'; import logo from './logo.svg'; import './App.css'; import io from 'socket.io-client'; const socket = io('localhost:3001'); function App() { const [isConnected, setIsConnected] = useState(socket.connected); const [lastMessage, setLastMessage] = useState(null); useEffect(() => { socket.on('connect', () => { setIsConnected(true); }); socket.on('disconnect', () => { setIsConnected(false); }); socket.on('message', data => { setLastMessage(data); }); return () => { socket.off('connect'); socket.off('disconnect'); socket.off('message'); }; }, []); const sendMessage = () => { socket.emit('hello!'); } return ( <div className="App"> <header className="App-header"> <img src={logo} className="App-logo" alt="logo" /> <p>Connected: { '' + isConnected }</p> <p>Last message: { lastMessage || '-' }</p> <button onClick={ sendMessage }>Say hello!</button> <p> Edit <code>src/App.js</code> and save to reload. </p> <a className="App-link" href="https://reactjs.org" target="_blank" rel="noopener noreferrer" > Learn React </a> </header> </div> ); } export default App;