fetchapi和rxjs：我看不到回复中的任何数据

Question

我有以下代码，

import { fromEvent } from 'rxjs';
import { debounceTime, map, mergeMap, tap } from 'rxjs/operators';

// Examples: kumar
const url = 'https://gorest.co.in/public/v2/users?name=';

// elem ref
const searchBox = document.getElementById('search');

// streams
const keyup$ = fromEvent(searchBox, 'keyup');

keyup$
  .pipe(
    map((i: any) => i.currentTarget.value),
    debounceTime(500),
    mergeMap((v) => fetch(url + v)),
    tap((result) => {
      console.log('JSON: ', result.json());
    })
  )
  .subscribe((result) => console.log(result));

您可以将其复制并粘贴到 https://stackblitz.com/edit/typescript-adheqt?devtoolsheight=50&file=index.ts ，

但我看不到JSON结果。请帮助，我不明白为什么我看不到任何数据。

PS：我不想使用fromfetch。它只是用于学习目的，我想使用Fetch API。

Answer 1

JSON（）返回承诺，因此您仍然需要解决该承诺/可观察的诺言：

keyup$
  .pipe(
    map((i: any) => i.currentTarget.value),
    mergeMap((e) => fetch(`https://gorest.co.in/public/v2/users?name=${e}`)),
    mergeMap(response => response.json()), // json() resolved using mergeMap
    debounceTime(500)
  )
  .subscribe(console.log);