做出反應。 功能與 class 組件

Question

是否可以在單個 React 應用程序中同時使用功能和 Class 組件？ 我正在用 React 構建一個網站 UI，后端是用 NodeJS 構建的。 我使用的模板是用 Class 組件構建的，我介紹的新組件是具有上下文 API 的功能。 它們可以一起工作還是有必要將所有 Class 組件轉換為函數？

Answer 1

是的，您可以在同一個應用程序中同時使用兩者。 它們是 100% 兼容的。

• 每個人都可以將道具傳遞給另一個人
• 它們都將被編譯成普通的 javascript。

引自reactjs.org ：

在 React 應用程序中，組件是有狀態還是無狀態被認為是可能隨時間變化的組件的實現細節。 您可以在有狀態組件中使用無狀態組件，反之亦然。

來自這里的另一個報價：

“至關重要的是，Hooks 與現有代碼並行工作，因此您可以逐漸采用它們。不要急於遷移到 Hooks。我們建議避免任何“大重寫”，特別是對於現有的復雜 class 組件。這需要一點時間開始“在 Hooks 中思考”的思維轉變。根據我們的經驗，最好先在新的和非關鍵組件中練習使用 Hooks，並確保團隊中的每個人都對它們感到滿意。”