React.lazy() 和 React.Suspense 是 React 中用于實現代碼分割和懶加載的兩個關鍵特性。它們的實現原理主要基于以下幾個方面：
動態導入（Dynamic Imports）：
import() 語法可以動態地導入模塊，而不是在應用啟動時一次性加載所有代碼。React.lazy()：
React.lazy() 是一個高階組件，它接受一個函數作為參數，該函數應該返回一個動態導入的模塊。React.lazy()，你可以將某個組件分割成單獨的代碼塊，并在需要時懶加載它。React.Suspense：
React.Suspense 是一個用于在等待異步操作（如代碼分割）完成時顯示占位內容的組件。React.lazy() 一起使用，以便在懶加載的組件被加載并渲染之前，顯示一個加載指示器或骨架屏。React.Suspense 的 fallback 屬性用于指定在等待異步操作完成時要顯示的占位內容。React.lazy() 和 React.Suspense 的結合使用：
React.lazy() 來懶加載一個組件時，你需要在應用的頂層組件中使用 React.Suspense 來包裹它。React.Suspense 會等待 Promise resolve，并在加載完成后渲染該組件。React.Suspense 可以捕獲該錯誤，并顯示一個錯誤提示或備用內容。總的來說，React.lazy() 和 React.Suspense 的實現原理主要基于動態導入和異步渲染技術。通過這兩個特性，你可以將應用分割成多個代碼塊，并在需要時懶加載它們，從而優化應用的性能和用戶體驗。
