A High-Order Component to connect React and Socket.io
npm install socket.io-reactjavascript
import {
SocketProvider,
socketConnect,
} from 'socket.io-react';
`$3
javascript
import { SocketProvider } from 'socket.io-react';
import io from 'socket.io-client';import App from './containers/App';
const socket = io.connect(process.env.SOCKET_URL);
socket.on('message', msg => console.log(msg));
const DOMNode = document.getElementById('renderTarget');
render(
DOMNode
);
`
* property is false by default.$3
`javascript
import { socketConnect } from 'socket.io-react';function App(props) {
function sendMessage() {
props.socket.emit('message', 'Hello world!');
}
return (
);
}
export default socketConnect(App);
`
*