当加载器的初始状态为false时,如何处理初始渲染的加载器状态?

时间:2019-11-09 15:24:14

标签: javascript reactjs

对于最初的渲染加载器不可见,因此如何通过加载器状态使其在react js中可见

1 个答案:

答案 0 :(得分:0)

您可以在主app.js文件中执行类似的操作

  function App() {
     const [isLoading, setLoading] = useState(false);
     useEffect(() => {
      setLoading(true);
      fetch('api/v1/data')
      .then(() => setLoading(false));
     })
     return (
       <div className="App">
         <div>
           <Loader isLoading={isLoading}/>
           <MainComponent/>
         </div>
      </div>
}

我最近写了一个实用程序,它在维护应用程序中的加载程序状态方面有一些不同的技术,我觉得这更方便。看看here