在 ReactJS 中使用 API 时无法从数据库中获取数据

Posted 2023-02-19

【中文标题】在 ReactJS 中使用 API 时无法从数据库中获取数据

【英文标题】：Can not able to fetch the data from DB while consuming API in ReactJS

【发布时间】：2020-03-23 21:43:51

【问题描述】：

我有一个查询，在使用 API 时，我的 Department 表中的记录没有显示出来。当我点击 NavBar 中的 Department 按钮时，会显示表的 2 列，即 DepartmentId 和 DepartmentName，但记录未显示在表中，或者我们可以说它无法从数据库中获取数据。

所以基本上我的问题是我无法从数据库中获取数据，请解释我如何解决它..

1) URL-c# 生成 API- 2) React weppage (这里的错误是记录没有在 UI 的表中获取 食用后 API）：-

3)React---Department.JS(没有在网页的这个表中获取记录) 无法从数据库中获取数据。

【问题讨论】：

这里没有足够的信息让任何人都能够解决这个问题。您提供的前三个链接是相同的屏幕截图。我们需要查看代码才能知道发生了什么，而不是前端的视觉效果。您是否尝试将 api 信息记录到控制台？它出现了吗？如果不是，那么要么是 api 发送错误数据的方式，要么是你使用它的方式。如果它出现了，那么您很可能没有对其进行格式化或发送它以以正确的方式做出反应。没有看到代码我无法判断。

对不起，那是我的错误。现在我已经编辑并添加了代码，你可以检查一下，让我知道我的错误..

在下面试试我的答案。

【参考方案1】：

尝试在 tr 和 td 块周围放置括号，如下所示：

     <tbody>
      deps.map(dep => (
        <tr key=dep.DepartmentId>
          <td>dep.DepartmentId</td>
          <td>dep.DepartmentName</td>
        </tr>
      ))
    </tbody>

让我知道这是否有效。

【讨论】：

我试过了，但没有成功...我的问题是因为我使用的是 *** 吗？

@Code_is_Fun 我不确定，请尝试关闭您的 *** 并进行测试。

是的@GCQ，但仍然无法正常工作这种类型的错误出现在控制台中，您可以检查一下..

是的 @GCQ 错误就像 --Uncaught (in promise) TypeError: Failed to fetch data, 你能帮忙解决这种错误吗..