ReactJS异步返回

我读过一些关于ReactJS和异步返回的堆栈溢出问题，但我不明白

我举了一个闪电战的例子：

我应该怎么做才能使我的HTML页面在这些区域显示“正在加载…”哪些内容尚未加载，但一旦内容准备好显示，就会更改文本？如果我在后台进行某种数据获取，而不是让用户等待太长时间，我想让页面加载更快（异步）

似乎ReactJS支持“fs”等标准模块，所以在我开始学习ReactJS的全部课程之前，我只想知道并验证它是否有效

---

有没有一些简单的例子可以帮助我理解这个问题？

React使用状态和道具。当其中一个更新时，组件将被重新渲染

import React, { useEffect, useState } from 'react';
import ReactDOM from 'react-dom';

export default () => {
  const [data, setData] = useState(); // <--- state

  useEffect(() => {
    const timer = setTimeout(() => {
      setData("Response Wanted"); // <--- update state
    }, 3000);

    return () => clearTimeout(timer); // <--- clear timeout when component unmounts
  }, []); // <--- run effect when component mounts, i.e. setTimeout

  return data ? data : "Loading..."; // <--- conditionally render loading or data
}

import React，{useffect，useState}来自“React”；
从“react dom”导入react dom；
导出默认值（）=>{
const[data，setData]=useState（）；//{
常量计时器=设置超时（（）=>{
setData（“需要响应”）；//clearTimeout（timer）；//您的
Hello
组件除了返回“Loading…”之外什么都不做.你是在问为什么react不重新发布它吗？好吧，开始你的react课程，你将了解什么是react生命周期，它是如何呈现和重新呈现的。我会的。谢谢你的回答。我想知道的一切。我将开始react课程。附言。你的例子很好，很有帮助。谢谢你也