Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 已解决:反应物料界面在等待数据时在表中显示进度_Javascript_Reactjs_React Redux_Material Ui_Progress Bar - Fatal编程技术网

Javascript 已解决:反应物料界面在等待数据时在表中显示进度

Javascript 已解决:反应物料界面在等待数据时在表中显示进度,javascript,reactjs,react-redux,material-ui,progress-bar,Javascript,Reactjs,React Redux,Material Ui,Progress Bar,我知道可以在尚未填充的表上显示循环进度。你是怎么做到的 目前的表格显示,没有要显示的记录。。。。直到服务器返回数据。 =========关于@torquan的回应,这是对我更详细的帮助 const [dataFetched, setDataFetched] = useState(false) 将EmployeesTable转换成一个组件-然后我必须传递道具,它工作得非常好 {!dataFetched ? ( <CircularProgress

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

目前的表格显示,没有要显示的记录。。。。直到服务器返回数据。

=========关于@torquan的回应,这是对我更详细的帮助

const [dataFetched, setDataFetched] = useState(false)
EmployeesTable
转换成一个组件-然后我必须传递道具,它工作得非常好

         {!dataFetched ? (
            <CircularProgress />
         ) : (
            <EmployeesTable
               data={employees}
               token={token}
            />
         )}
{!是否已获取数据(
) : (
)}

在获取数据之前,您可以显示微调器

这一部分可能是这样的:

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

{!已获取数据?:}
例如,您可以使用npm上某个库中的
,也可以自己编写

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