我如何在网站React Js之前加载API ?

Question

当我第一次打开网站时，它在API之前加载，当我再次加载它时，数据出现。输入图片描述

Answer 1

为抓取设置一个状态，并设置为true。当为true时，让函数返回一个旋转器或加载你喜欢的任何一个。获取完成后，将其设置为false，然后返回您想要的实际内容。

简短的例子:

import React, { useState, useEffect } from "react";
export default function App() {
const [fetching, setFetching] = useState(true)
useEffect(() => {
fetchStuff()
setFetching(false)
}, [])
if(fetching) {
return <div>loading....</div>
}
return (
<div>
content...
</div>
);
}