Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/9.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
Reactjs 有人知道如何使用react实现仪表板管理面板网站的这种加载屏幕吗?_Reactjs_Flutter_Admin_Panel_Dashboard - Fatal编程技术网

Reactjs 有人知道如何使用react实现仪表板管理面板网站的这种加载屏幕吗?

Reactjs 有人知道如何使用react实现仪表板管理面板网站的这种加载屏幕吗?,reactjs,flutter,admin,panel,dashboard,Reactjs,Flutter,Admin,Panel,Dashboard,我试过寻找,但运气不好。我正在使用react构建仪表板管理面板 任何有用的视频或其他来源都会有帮助。这称为“骨架加载屏幕”。 您可以使用Material UI Library找到其中一些,但不应仅为此目的使用MUI(我建议使用它,它具有非常好的可重用和可定制组件) 您可以找到有关骨架屏幕的更多信息您描述的技术是组件的“骨架”加载程序-您需要设置组件的加载状态 const [loading, setLoading] = useState(false); 并在组件中使用它来渲染骨架或不渲染骨架 见

我试过寻找,但运气不好。我正在使用react构建仪表板管理面板

任何有用的视频或其他来源都会有帮助。

这称为“骨架加载屏幕”。 您可以使用Material UI Library找到其中一些,但不应仅为此目的使用MUI(我建议使用它,它具有非常好的可重用和可定制组件)


您可以找到有关骨架屏幕的更多信息

您描述的技术是组件的“骨架”加载程序-您需要设置组件的加载状态

const [loading, setLoading] = useState(false);
并在组件中使用它来渲染骨架或不渲染骨架

见:


这里有一个骨架组件的示例

您可以使用Antd或Material UI中的现成组件


此类装载有一个react包:

您可以创建两个reactJs组件,并通过设置状态来使用它们。当用户通过身份验证时,您可以呈现组件,当它通过身份验证或建立连接时,您可以呈现组件。这会有帮助吗?