Create socket connection and send a message
This commit is contained in:
22
src/app.js
22
src/app.js
@@ -1,4 +1,5 @@
|
||||
import React from 'react';
|
||||
import io from 'socket.io-client';
|
||||
|
||||
export default class App extends React.Component {
|
||||
constructor(props) {
|
||||
@@ -8,9 +9,30 @@ export default class App extends React.Component {
|
||||
ioState: {
|
||||
dout: [false],
|
||||
},
|
||||
socket: io.connect()
|
||||
}
|
||||
}
|
||||
|
||||
componentDidMount() {
|
||||
this.connect();
|
||||
}
|
||||
|
||||
componentWillUnmount() {
|
||||
this.setState({socket: this.state.socket.removeAllListeners()});
|
||||
}
|
||||
|
||||
connect() {
|
||||
let socket = this.state.socket;
|
||||
|
||||
socket.on('connect', () => {
|
||||
console.log('connected');
|
||||
});
|
||||
|
||||
socket.on('message', (data) => {
|
||||
console.log(data);
|
||||
});
|
||||
}
|
||||
|
||||
doutSet(pin, value) {
|
||||
this.setState({
|
||||
ioState: {
|
||||
|
Reference in New Issue
Block a user