Improve performance of the map by using Pure Components

This commit is contained in:
uwap 2018-04-15 17:15:11 +02:00
parent 9bd5d5c9c8
commit fe814718eb
6 changed files with 9 additions and 9 deletions

View file

@ -35,7 +35,7 @@ export type AppState = {
mqttConnected: boolean,
};
class App extends React.Component<AppProps & Classes, AppState> {
class App extends React.PureComponent<AppProps & Classes, AppState> {
constructor(props: AppProps & Classes) {
super(props);
this.state = {
@ -89,11 +89,11 @@ class App extends React.Component<AppProps & Classes, AppState> {
const topic = topics[i];
const parseValue = this.topics[topic].type;
const val = parseValue == null ? message.toString() : parseValue(message);
this.setState({mqttState: merge(this.state.mqttState,
this.setState({mqttState: Object.assign({}, merge(this.state.mqttState,
{ [topic]: {
actual: val,
internal: keyOf(this.topics[topic].values, val) || val
}})});
}}))});
}
}