如何在Reactjs中为整个页面添加加载程序？

问题描述

我想在发生任何API调用时添加一个Loader。

我的应用程序具有页眉，页脚，侧边菜单，ContentComponent的布局。

我想在整个页面上显示叠加层加载器。

尝试过https://www.npmjs.com/package/react-loading-overlay

LayoutOverLay.js

import LoadingOverlay from 'react-loading-overlay'
import React,{ Component }  from 'react';

 export default function MyLoader({ active,children }) {
  return (
    <LoadingOverlay
    active={active}
    spinner
    text='Please Wait...'
  >
    {children}
   </LoadingOverlay>
  )
 }

MyComponent.js

render() {
    return (<MyLoader
      active={true}
      children={<div>My content</div>}
      />)
   }

因此，这仅适用于我的内容组件。希望将其应用于整个页面。

如何浏览整个页面？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）