uwap/mqtt-control-map
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use Throttling

Browse source
This commit is contained in:
uwap 2018-07-22 05:17:47 +02:00
parent d3fc8d02c4
commit c18a2752af
4 changed files with 17 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/App.js
View file

@ -5,6 +5,7 @@ import mapValues from "lodash/mapValues";
import filter from "lodash/filter";
import keys from "lodash/keys";
import merge from "lodash/merge";
import throttle from "lodash/throttle";
import type { Config, Control, Topics } from "config/flowtypes";
@ -94,14 +95,17 @@ class App extends React.PureComponent<AppProps & Classes, AppState> {
const stateTopic = this.topics[topic].state;
const parseVal = stateTopic ? stateTopic.type : null;
const val = parseVal == null ? message.toString() : parseVal(message);
this.setState({mqttState: Object.assign({}, merge(this.state.mqttState,
{ [topic]: val}))});
this.setMqttStateDebounced(
{mqttState: Object.assign({},
merge(this.state.mqttState, { [topic]: val}))});
}
} catch (err) {
this.setState({ error: err.toString() });
}
}
setMqttStateDebounced = throttle(this.setState, 32);
changeControl(control: ?Control = null) {
this.setState({selectedControl: control, drawerOpened: control != null});
}