任何人都知道如何使用 React 为仪表板管理面板网站实现这种加载屏幕？
Posted
技术标签:
【中文标题】任何人都知道如何使用 React 为仪表板管理面板网站实现这种加载屏幕？【英文标题】：anyone know how can i achieve this kind of loading screen for dashboard admin panel website using react? 【发布时间】：2021-08-03 18:57:41 【问题描述】：youtube
我试过找到但没有运气。我正在使用 react 来构建仪表板管理面板。
任何有用的视频或其他来源都会有所帮助。
【问题讨论】：
可以创建两个reactJs组件，通过设置状态来使用。在对用户进行身份验证时，您可以渲染这称为“骨架加载屏幕”。 您可以使用 Material-UI 库找到其中的一些，但您不应仅将 MUI 用于此目的（我确实推荐它，它具有非常好的可重用和可自定义组件）。
你可以找到更多关于骨架屏幕的信息here.
【讨论】：
【参考方案2】：您描述的技术是组件的“骨架”加载器 - 您需要设置组件的加载状态
const [loading, setLoading] = useState(false);
并在您的组件中使用它来渲染骨架。
见：
https://material-ui.com/components/skeleton/
https://skeletonreact.com/
https://www.smashingmagazine.com/2020/04/skeleton-screens-react/
【讨论】：
【参考方案3】：你这里有一个骨架组件的例子
您可以使用 Antd 或 Material UI 中的现成组件
Antd Skeleton
Material UI Skeleton
【讨论】：
【参考方案4】：有一个用于这种加载的反应包： https://www.npmjs.com/package/react-loading-skeleton
【讨论】：
以上是关于任何人都知道如何使用 React 为仪表板管理面板网站实现这种加载屏幕？的主要内容，如果未能解决你的问题，请参考以下文章