IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

React: Rename deprecated UNSAFE_componentWillReceiveProps (#18526)

Browse Source
This commit is contained in:
Ryan McKinley
2019-08-13 01:08:33 -07:00
committed by Torkel Ödegaard
parent 4b3440325e
commit 3ccc10f82c
6 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/grafana-ui/src/components/Tooltip/PopperController.tsx
View File

@@ -51,7 +51,7 @@ class PopperController extends React.Component<Props, State> {
};
}
componentWillReceiveProps(nextProps: Props) {
UNSAFE_componentWillReceiveProps(nextProps: Props) {
if (nextProps.placement && nextProps.placement !== this.state.placement) {
this.setState((prevState: State) => {
return {

2
public/app/core/components/Select/MetricSelect.tsx
View File

@@ -35,7 +35,7 @@ export class MetricSelect extends React.Component<Props, State> {
this.setState({ options: this.buildOptions(this.props) });
}
componentWillReceiveProps(nextProps: Props) {
UNSAFE_componentWillReceiveProps(nextProps: Props) {
if (nextProps.options.length > 0 || nextProps.variables.length) {
this.setState({ options: this.buildOptions(nextProps) });
}

2
public/app/features/explore/ElapsedTime.tsx
View File

@@ -33,7 +33,7 @@ export default class ElapsedTime extends PureComponent<Props, State> {
this.setState({ elapsed });
};
componentWillReceiveProps(nextProps: Props) {
UNSAFE_componentWillReceiveProps(nextProps: Props) {
if (nextProps.time) {
clearInterval(this.timer);
} else if (this.props.time) {

2
public/app/features/explore/QueryField.tsx
View File

@@ -125,7 +125,7 @@ export class QueryField extends React.PureComponent<QueryFieldProps, QueryFieldS
}
}
componentWillReceiveProps(nextProps: QueryFieldProps) {
UNSAFE_componentWillReceiveProps(nextProps: QueryFieldProps) {
if (nextProps.syntaxLoaded && !this.props.syntaxLoaded) {
// Need a bogus edit to re-render the editor after syntax has fully loaded
const change = this.state.value

2
public/app/plugins/datasource/stackdriver/components/Aggregations.tsx
View File

@@ -33,7 +33,7 @@ export class Aggregations extends React.Component<Props, State> {
this.setAggOptions(this.props);
}
componentWillReceiveProps(nextProps: Props) {
UNSAFE_componentWillReceiveProps(nextProps: Props) {
this.setAggOptions(nextProps);
}

2
public/app/plugins/datasource/stackdriver/components/AliasBy.tsx
View File

@@ -24,7 +24,7 @@ export class AliasBy extends Component<Props, State> {
this.setState({ value: this.props.value });
}
componentWillReceiveProps(nextProps: Props) {
UNSAFE_componentWillReceiveProps(nextProps: Props) {
if (nextProps.value !== this.props.value) {
this.setState({ value: nextProps.value });
}