ESLint: Re-enable rule no-access-state-in-setstate (#10870)

* Re-enable rule no-access-state-in-setstate

* Move accessing event values out of async functions
This commit is contained in:
Kamil Gabryjelski
2020-09-21 08:48:23 +02:00
committed by GitHub
parent 3d8f757ac8
commit 4835d3b0a2
25 changed files with 83 additions and 71 deletions

View File

@@ -333,7 +333,7 @@ export default class AnnotationLayer extends React.PureComponent {
annotation.color =
annotation.color === AUTOMATIC_COLOR ? null : annotation.color;
this.props.addAnnotationLayer(annotation);
this.setState({ isNew: false, oldName: this.state.name });
this.setState(prevState => ({ isNew: false, oldName: prevState.name }));
}
}

View File

@@ -47,19 +47,21 @@ export default class BoundsControl extends React.Component {
}
onMinChange(event) {
const min = event.target.value;
this.setState(
{
minMax: [event.target.value, this.state.minMax[1]],
},
prevState => ({
minMax: [min, prevState.minMax[1]],
}),
this.onChange,
);
}
onMaxChange(event) {
const max = event.target.value;
this.setState(
{
minMax: [this.state.minMax[0], event.target.value],
},
prevState => ({
minMax: [prevState.minMax[0], max],
}),
this.onChange,
);
}

View File

@@ -259,14 +259,14 @@ class DateFilterControl extends React.Component {
const closeCalendar =
(key === 'since' && this.state.sinceViewMode === 'days') ||
(key === 'until' && this.state.untilViewMode === 'days');
this.setState({
this.setState(prevState => ({
type: TYPES.CUSTOM_START_END,
[key]: typeof value === 'string' ? value : value.format(MOMENT_FORMAT),
showSinceCalendar: this.state.showSinceCalendar && !closeCalendar,
showUntilCalendar: this.state.showUntilCalendar && !closeCalendar,
sinceViewMode: closeCalendar ? 'days' : this.state.sinceViewMode,
untilViewMode: closeCalendar ? 'days' : this.state.untilViewMode,
});
showSinceCalendar: prevState.showSinceCalendar && !closeCalendar,
showUntilCalendar: prevState.showUntilCalendar && !closeCalendar,
sinceViewMode: closeCalendar ? 'days' : prevState.sinceViewMode,
untilViewMode: closeCalendar ? 'days' : prevState.untilViewMode,
}));
}
setTypeCustomRange() {

View File

@@ -90,10 +90,9 @@ export default class FixedOrMetricControl extends React.Component {
}
toggle() {
const expanded = !this.state.expanded;
this.setState({
expanded,
});
this.setState(prevState => ({
expanded: !prevState.expanded,
}));
}
render() {

View File

@@ -114,7 +114,7 @@ export default class SpatialControl extends React.Component {
toggleCheckbox() {
this.setState(
{ reverseCheckbox: !this.state.reverseCheckbox },
prevState => ({ reverseCheckbox: !prevState.reverseCheckbox }),
this.onChange,
);
}

View File

@@ -120,7 +120,7 @@ export default class VizTypeControl extends React.PureComponent {
}
toggleModal() {
this.setState({ showModal: !this.state.showModal });
this.setState(prevState => ({ showModal: !prevState.showModal }));
}
changeSearch(event) {