|
|
|
@ -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: { |
|
|
|
|