Підписка застаріла: використовуйте спостерігача замість зворотного виклику помилки

Коли я запускаю лінтер, там пише:

subscribe is deprecated: Use an observer instead of an error callback

Код (із програми angular 7 з angular-cli):

    this.userService.updateUser(data).pipe(
       tap(() => {bla bla bla})
    ).subscribe(
       this.handleUpdateResponse.bind(this),
       this.handleError.bind(this)
    );

Не знаю точно, що мені використовувати і як ...

Дякую!

subscribeне застаріло, застарів лише той варіант, який ви використовуєте. Надалі subscribeбуде брати лише один аргумент: або nextобробник (функція), або об’єкт спостерігача.

Отже, у вашому випадку ви повинні використовувати:

.subscribe({
   next: this.handleUpdateResponse.bind(this),
   error: this.handleError.bind(this)
});

Ознайомтесь із цими проблемами GitHub:

• https://github.com/ReactiveX/rxjs/pull/4202

• https://github.com/ReactiveX/rxjs/issues/4159

Можливо, цікаво відзначити, що observerОб'єкт також може (все ще) містити complete()метод та інші додаткові властивості. Приклад:

.subscribe({
    complete: () => { ... }, // completeHandler
    error: () => { ... },    // errorHandler 
    next: () => { ... },     // nextHandler
    someOtherProperty: 42
});

Таким чином набагато простіше опустити певні методи. Зі старим підписом потрібно було подати undefinedі дотримуватися порядку аргументів. Тепер стає набагато зрозуміліше, коли, наприклад, ми надаємо лише наступний і повний обробник.

Ви можете отримати цю помилку, якщо у вас є об'єкт, набраний як Observable<T> | Observable<T2>- на відміну від Observable<T|T2>.

Наприклад:

    const obs = (new Date().getTime() % 2 == 0) ? of(123) : of('ABC');

Компілятор не робить obsтип Observable<number | string>.

Вас може здивувати, що наступне дасть вам помилку Use an observer instead of a complete callbackтаExpected 2-3 arguments, but got 1.

obs.subscribe(value => {

});

Це тому, що це може бути один із двох різних типів, і компілятор недостатньо розумний, щоб узгодити їх.

Вам потрібно змінити код для повернення Observable<number | string>замість Observable<number> | Observable<string>. Тонкість цього варіюється залежно від того, що ви робите.

Я отримував попередження, бо передавав це, щоб підписатись:

myObs.subscribe(() => someFunction());

Оскільки воно повертає одне значення, воно було несумісним із subscribeпідписом функції '.

При переході на це попередження зникає (повертає null / void);

myObs.subscribe(() => {
  someFunction();
});