为什么我的fetch promise在prop中存储为空，而不是我正在获取的json？

问题描述： 为什么我的fetch promise在prop中存储为空，而不是我正在获取的json？

解答： 在前端开发中，使用fetch函数发送网络请求是一种常见的方式。fetch函数返回一个Promise对象，该对象表示异步操作的最终完成或失败，并且可以通过该对象获取到服务器返回的数据。

根据问题描述，你提到fetch promise在prop中存储为空，而不是获取到的json数据。这可能是因为在处理fetch返回的Promise对象时，没有正确处理异步操作的结果。

首先，确保你正确使用fetch函数发送网络请求，并且在fetch的then方法中处理异步操作的结果。例如：

fetch(url)
  .then(response => response.json())
  .then(data => {
    // 在这里处理获取到的json数据
    // 将数据存储到prop中
  })
  .catch(error => {
    // 处理请求失败的情况
  });

在上述代码中，fetch函数发送网络请求，并通过then方法链式调用处理异步操作的结果。第一个then方法将服务器返回的响应对象转换为json格式的数据，然后在第二个then方法中处理获取到的json数据。

如果你的fetch promise在prop中存储为空，可能是因为没有正确处理异步操作的结果。请确保在第二个then方法中将获取到的json数据存储到prop中，例如：

fetch(url)
  .then(response => response.json())
  .then(data => {
    // 将获取到的json数据存储到prop中
    this.props.setData(data);
  })
  .catch(error => {
    // 处理请求失败的情况
  });

上述代码中，通过调用this.props.setData方法将获取到的json数据存储到prop中。请根据你的具体情况，将数据存储到相应的prop中。

总结： 确保正确处理fetch返回的Promise对象，通过then方法处理异步操作的结果，并将获取到的数据存储到prop中。这样可以确保你能够获取到正确的json数据，并在应用中使用。