时间戳

首页 > 解决方案 > 如何在 ReactJS 中以表格形式显示状态数据？

reactjs - 如何在 ReactJS 中以表格形式显示状态数据？

问题描述

我有一个来自 API 响应的数据，它以数组的形式存储在状态中。我需要以表格格式显示数据。我是 React 新手，想知道如何以表格格式显示状态数据（存储为数组）。我应该创建一个新组件来显示存储在 state 中的数据吗？ 状态数据截图

在此处输入图像描述

标签： reactjs

解决方案

“如何以表格格式显示状态数据（存储为数组）” - 为此使用默认的 html 表格元素。

<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
</table>

“我应该创建一个新组件来显示存储在状态中的数据吗？” - 你的问题太宽泛了。你可以以任何你想要的方式显示你想要的任何东西。没有正确的方法来做到这一点。一切都取决于您想要实现的目标和您的代码。因此，您的问题很可能是基于意见的，这就是您投反对票的原因。我建议您为<tr>,<td>和<th>

推荐阅读