正在将 RxJS 5 Rx.Observable.timer(3000).mapTo({ id: 1 }) 转换为 Rx

Question

我们如何转换：

Rx.Observable.timer(3000).mapTo({ id: 1 }) 

到 RxJS 6？

例如，如果我们：

import { Observable, timer } from 'rxjs';

我们仍然得到：

[ts] 属性"timer"在类型"类型"上不存在

。

总而言之，我正在尝试让此示例(从本教程中(工作：

// Simulate HTTP requests 
const getPostOne$ = Rx.Observable.timer(3000).mapTo({id: 1});
const getPostTwo$ = Rx.Observable.timer(1000).mapTo({id: 2});
Rx.Observable.concat(getPostOne$, getPostTwo$).subscribe(res => console.log(res));

Answer 1

使用新的方法来执行可管道运算符，我们不再使用.来链接可观察量，但我们使用管道并传入用逗号分隔的运算符。在您的场景中，我们会做的示例

import { timer, concat } from 'rxjs'
import { mapTo } from 'rxjs/operators'
getPostOne$ = timer(3000).pipe(mapTo({ id: 1 }));
getPostTwo$ = timer(1000).pipe(mapTo({ id: 2 }));
concat(getPostOne$, getPostTwo$).subscribe(res => console.log(res));

您可以在此处阅读有关管道操作员的更多信息

希望这有帮助！