为什么这个 fetch promise-loader 没有显示结果

Why is this fetch promise-loader not showing result

在这个Codesandbox

它正在加载 20 fetch promises 到一个 array 中,然后用进度条看着它们解决。

我不明白的是为什么在 makeQueryablePromise console.log('inside makeQueryablePromise ', value); return undefined 但在 fetch 中它不是 - console.log('inside fetch ', data))makeQueryablePromise 具有相同的 promise??

这是显示日志输出的打印屏幕:

在您的代码中:

  const makeRequests = useCallback(function() {
    return Array.from(Array(promises)).map(() =>
      fetch(URL)
        .then(res => res.json())
        .then((data) => console.log('inside fetch ', data))
    );
  }, []);

最新的回调returns undefined,因为console.log return什么都没有,所以你丢失了数据。

为了解决这个问题,return 数据:

        .then((data) => {
          console.log("inside fetch ", data);
          return data;
        })