使用 React 設定
在 React 中使用 Font Awesome 時，我們建議使用我們的官方
react-fontawesome元件，讓所有功能都能正常運作。
我們將介紹使用官方 react-fontawesome 元件（如下所述）的基本知識，該元件使用 SVG + JS 方法來呈現圖示。但是，如果你願意，也可以選擇使用Web 字型 + CSS方法。
按照以下步驟在專案中設定 react-fontawesome 元件。
1. 新增 SVG 核心
首先，你需要使用 npm 或 yarn 來安裝核心套件，其中包含讓圖示運作的所有公用程式
npm i --save @fortawesome/fontawesome-svg-core2. 新增圖示套件
接下來，您將安裝您要使用的圖示 — 您可以選擇套件套件或 SVG 圖示套件，並選擇任何 我們的樣式。
對於 Pro 圖示，您需要先使用您的秘密 Font Awesome npm 代幣和全域或專案存取權設定存取權。
然後加入您計畫在應用程式中使用的 Pro 圖示樣式套件
npm i --save @awesome.me/kit-KIT_CODE# You probably don't need all of these, just pick what you neednpm i --save @fortawesome/pro-solid-svg-iconsnpm i --save @fortawesome/pro-regular-svg-iconsnpm i --save @fortawesome/pro-light-svg-iconsnpm i --save @fortawesome/pro-thin-svg-iconsnpm i --save @fortawesome/pro-duotone-svg-iconsnpm i --save @fortawesome/sharp-solid-svg-iconsnpm i --save @fortawesome/sharp-regular-svg-iconsnpm i --save @fortawesome/sharp-light-svg-iconsnpm i --save @fortawesome/sharp-thin-svg-iconsnpm i --save @fortawesome/free-solid-svg-iconsnpm i --save @fortawesome/free-regular-svg-iconsnpm i --save @fortawesome/free-brands-svg-icons3. 新增 React 元件
最後，安裝 Font Awesome React 元件
npm i --save @fortawesome/react-fontawesome@latest準備好新增圖示！
就像安納金說的，它運作了！我們所有的 圖示 現在都準備好執行專案的任務。 深入了解如何將它們加入您的 React 專案，然後使用它們的力量為您的 UI 帶來秩序和樣式！