28 lines
705 B
JavaScript
28 lines
705 B
JavaScript
import React from 'react';
|
|
import { render } from 'react-dom';
|
|
import { Doodle3DManager } from './src/index.js';
|
|
|
|
class Mananger extends React.Component {
|
|
state = {
|
|
boxes: []
|
|
};
|
|
|
|
componentDidMount() {
|
|
const doodle3DManager = new Doodle3DManager();
|
|
doodle3DManager.checkNonServerBoxes = false;
|
|
doodle3DManager.setAutoUpdate(true, 1000);
|
|
doodle3DManager.addEventListener('boxeschanged', ({ boxes }) => {
|
|
this.setState({ boxes });
|
|
})
|
|
}
|
|
|
|
render = () => {
|
|
const { boxes } = this.state;
|
|
return (<ul>
|
|
{boxes.map((box) => <li key={box.boxData.wifiboxid}>{box.boxData.wifiboxid}</li>)}
|
|
</ul>);
|
|
};
|
|
}
|
|
|
|
render(<Mananger />, document.getElementById('app'));
|