已解决：React Material UI 在等待数据时在表格中显示进度答案

【问题标题】：Solved: React Material UI show progress in Table while waiting on data已解决：React Material UI 在等待数据时在表格中显示进度
【发布时间】：2020-07-15 17:16:20
【问题描述】：

我知道可以在尚未填充的表格上显示循环进度。你是怎么做到的？

就目前而言，表格显示没有要显示的记录 ....直到服务器返回数据。

========= 在@torquan 回复之后，这对我来说更详细。

const [dataFetched, setDataFetched] = useState(false)

将EmployeesTable 转换为组件 - 然后我必须传入道具，它可以完美运行。

         {!dataFetched ? (
            <CircularProgress />
         ) : (
            <EmployeesTable
               data={employees}
               token={token}
            />
         )}

【问题讨论】：

标签： javascript reactjs react-redux material-ui progress-bar

【解决方案1】：

您可以在获取数据之前显示一个微调器。

该部分可能如下所示：

<table>
  {!dataFetched ? <Spinner /> : <YourTableBody>}
</table>

例如，您可以使用 npm 上的某个库中的 <Spinner /> 或自己编写。

您可以将 dataFetched 初始化为 false，并在 API 调用完成时将其设置为 true。如果这太笼统，您应该发布表格的代码。

【讨论】：