Javascript 如何设置react组件的时间

我有一个从后端获取数据的组件。在这里，我已经添加了加载，而组件从后端获取数据。但问题是，如果没有可用的数据，它仍然会继续显示加载。相反，我想在屏幕上显示这样的内容，如果加载完成并且没有数据可用，则此处文本中没有任何内容。我想知道如何实现这一点，任何帮助都会很好

这是我的密码

---

我们可以这样做吗

        if (loaded) {
          return <Footstep data={data} />;
        } else if(loaded && data.length === 0){
           return <p>No Data available!</p>
        } else return <p>loading</p>;

---

如果响应成功且 检查数据长度是否为零，然后显示消息

    if(loaded && data.length === 0){
                   return <p>No Data available!</p>
          }
        else if (loaded) {
                  return <Footstep data={data} />;
                } 
            else 
    return <p>loading</p>;

---

在状态中添加一个单独的标志，用于跟踪加载状态；加载数据时更改此标志。@raina77ow我不明白您的意思。我在这里使用redux进行状态管理，如果状态显示已加载，那么我将渲染足迹组件。这个问题在哪里讨论setTimeout@ADITYAKUMARP请将标题更改为在React组件上加载完成时不显示结果消息

    if(loaded && data.length === 0){
                   return <p>No Data available!</p>
          }
        else if (loaded) {
                  return <Footstep data={data} />;
                } 
            else 
    return <p>loading</p>;