使用範本擴充性來自訂元件。

在此教學中，我們將使用範本擴充性來為網站建立自訂元件。在此範例中，我們將建立一個自訂頁尾。因為頁尾是基本範本中現有的元件，我們不想改變頁面的版面配置，所以我們會在元件層級覆寫頁尾。

如需更多指南，請參閱這份文件：最佳做法和疑難排解。

在執行本教學的命令之前，請以實際值取代預留位置。預留位置的格式為：$PLACEHOLDER

若要完成本教學，請執行以下任一操作：

1. 使用以 PWA Kit 版本 3.x 建立的專案。

   或

2. 如果沒有專案，請執行以下命令，建立 PWA Kit 專案：

   npx @salesforce/pwa-kit-create-app@latest ——outputDir $PATH/TO/NEW/LOCAL/PROJECT

• 在 overrides/app 下，建立名為 components 的資料夾。
• 在 components 資料夾中，建立名為 footer 的資料夾。
• 在 footer 資料夾中，建立名為 index.jsx 的檔案。

新資料夾與檔案具有以下結構：

將此程式碼新增至 overrides/components/footer/index.jsx：

• 執行 npm start。
• 前往 http://localhost:3000。

• 確保您的專案在 overrides 資料夾中包含所需的專案檔案。
• 部署您的套件。

• 範本擴充性
• Retail React App