在 switchMap 中返回对象答案

【问题标题】：Return object inside switchMap在 switchMap 中返回对象
【发布时间】：2020-08-05 02:36:21
【问题描述】：

我是 rjxs 编程的新手，所以想知道如何执行以下操作。

    const downloadUrls$: any = filelist.map((file: any) => {
      const fileName = ...
      const path = ...
      const fileRef = ....
      const task: any = ...

      // get notified when the download URL is available
      return task.snapshotChanges().pipe(
        filter(snap => snap.state === TaskState.SUCCESS),
        switchMap(() => from(fileRef.getDownloadURL()))
      );
    });

所以在上面的代码中而不是 from(fileRef.getDownloadURL()) 有一种方法可以创建一个像下面这样的对象，返回将是下面对象的列表。

             from (
                {
                 name: fileName,
                 filepath: fileRef.getDownloadURL(),
                 relativePath: path
                }
              )

方法签名

 `.getDownloadURL(): Observable<any>`

【问题讨论】：

如果我理解正确，您可以将switchMap 替换为switchMapTo(fileRef.getDownloadURL())。如果没有回答，请澄清您的问题。

标签： rxjs rxjs5 rxjs6 switchmap

【解决方案1】：

我没有任何可以从你提供的代码运行的东西，所以我写这个只是作为一个概念。

你所拥有的东西已经是一个 Observable (fileRef.getDownloadURL())。而我们需要的是新对象。我们可以通过映射之前的 Observable 并将其更改为我们需要的结果来实现。大致如下：

task.snapshotChanges().pipe(
    filter(snap => snap.state === TaskState.SUCCESS),
    switchMap(() => {
        return fileRef.getDownloadURL().pipe(
            map(url => ({
                name: fileName,
                filepath: url,
                relativePath: path
            }))
        );
    })
);

【讨论】：

这很有帮助。解决了。