如何在react或条件渲染布局中显示加载屏幕？

import React, { useState, useEffect } from 'react';

function App() {
  const [isLoading, setIsLoading] = useState(true);

  useEffect(() => {
    // 模拟加载过程
    setTimeout(() => {
      setIsLoading(false);
    }, 2000);
  }, []);

  return (
    <div>
      {isLoading ? (
        // 加载屏幕的内容
        <div>Loading...</div>
      ) : (
        // 加载完成后显示的内容
        <div>Content</div>
      )}
    </div>
  );
}

export default App;