Как остановить постоянный запрос api?

Question

[Влад]

Добрый день!
Подскажите, пожалуйста.
Как остановить постоянный запрос api??

Вот код.
Как я понимаю, в "public update()", нужно написать какое-то условие.

class VdcDetailsPage extends React.Component {
    public update(): void {
        this.props.actions.getVdcs();
        this.props.actions.vdcDetailsLoad(this.props.match.params.vdcid);
    }

    public componentDidUpdate(prevProps): void {
        this.update();
    }

    public componentDidMount(): void {
        this.update();
    }

    public render(): React.ReactNode {
        if (this.props.vdcs.loading || !("LIMIT_CPU_COUNT" in this.props.VDC) ) {
            return <div />
        }
        return (
            <Standard title={this.props.intl.formatMessage({ id: 'title.vmdetails' })}>
                {/* eslint-disable-next-line react/jsx-no-undef */}
                <VDCDetails vdcs={this.props.vdcs} VDC={this.props.VDC}/>
            </Standard>
        );
    }
}

export default connect(
    (store): {} => {
        return {
            vdcs: store.vdcs,
            VDC: store.VDC,
        };
    },
    (dispatch): {} => ({
        actions: {
            vdcDetailsLoad: (data): void => vdcDetailsLoad(data, dispatch),
            getVdcs: (): void => getVdcs(dispatch),
        },
    }),
)(injectIntl(VdcDetailsPage));

Скриншот с запросами:

Answer 1

[Антон Неверов]

В componentDidUpdate() нужно обязательно сравнить, пришли ли новые пропсы или это старые обновляются.
Подробнее: https://ru.reactjs.org/docs/react-component.html#c...

Comments

[Влад]

У меня немного ступор тут. Не могли бы помочь ?

[Антон Неверов]

componentDidUpdate(prevProps) {
  if (this.props !== prevProps) {
    this.update();
  }
}

[Влад]

Антон Неверов, вроде заработало. Но на странице есть вкладки. При нажатии на которые, должна обновляться информация, она она не обновляется((

[Антон Неверов]

Привяжите this.update() к клику на эти вкладки через банальный onClick.

Answer 2

[akyl-kb]

Что делает функция vdcDetailsLoad(data, dispatch)?
Скорее всего это из-за асинхронного запроса, vdcDetailsLoad обновляет store не дожидаясь ответа от сервера