在 React 应用程序中显示来自 API 的数据时出现问题

Question

我正在开发一个名为 wasa 的 React 应用程序，并且还附加了链接，但我在显示从 API 获取的数据时遇到了问题。数据已正确获取，但它没有按预期显示在我的组件中。 我使用“**useEffect **”挂钩在组件安装时从外部 API 获取数据。数据获取似乎成功，因为我可以将数据记录到控制台。但是，当我尝试在 JSX 中呈现此数据时，它不会显示任何内容。我已确保状态正确更新并且组件重新渲染，但我仍然看不到 UI 中的数据。

1. 将获取的数据记录到控制台以验证API调用是否成功。
2. 使用条件渲染来确保组件在尝试渲染数据之前等待数据。
3. 检查控制台中是否有任何错误，这可能表明问题所在。
4. 通过在设置后记录状态来确保状态正确更新。 尽管做出了这些努力，数据仍然没有按预期出现在 UI 中。我希望该组件显示从 API 获取的项目列表。

Answer 1

请分享您的代码，以便我们更好地帮助您。 但是您应该检查您的接收数据类型并将其与您的 dto 进行比较 有时您收到的数据类型和当前的 dto 会发生冲突。

您可以使用react-query来更好地体验使用api。

还有请

• 检查您的数据类型
• 记录您的数据
• 检查您的组件
• 你可以使用react-query