使用useEffect和React.StrictMode是一種優(yōu)化React組件性能和可靠性的常見做法。下面是關(guān)于如何使用這兩個特性的示例：

import React, { useEffect } from 'react';function MyComponent() {useEffect(() => {// 在組件掛載/更新時執(zhí)行的副作用代碼// 可以進(jìn)行數(shù)據(jù)獲取、訂閱事件等操作return () => {// 在組件卸載時執(zhí)行的清理代碼// 取消訂閱、清除定時器等資源釋放操作};}, []); // 可選的依賴數(shù)組，用于控制副作用執(zhí)行的條件return (<React.StrictMode>{/* 你的組件渲染內(nèi)容 */}</React.StrictMode>);
}export default MyComponent;

在上述代碼中，我們定義了一個MyComponent組件。在組件內(nèi)部，使用useEffect來定義副作用邏輯，并用依賴數(shù)組指定副作用的觸發(fā)條件。

在useEffect的回調(diào)函數(shù)中，你可以執(zhí)行一些副作用操作，比如獲取數(shù)據(jù)、訂閱事件等。當(dāng)組件掛載或更新時，該回調(diào)函數(shù)會被調(diào)用。

另外，在useEffect的回調(diào)函數(shù)中，還可以返回一個清理函數(shù)，用于處理組件卸載時的清理工作，比如取消訂閱、清除定時器等。

在MyComponent組件的返回值中，我們包裹了React.StrictMode組件。它可以在開發(fā)模式下檢測并給出一些潛在的問題警告，幫助你發(fā)現(xiàn)并解決一些隱患。

通過使用useEffect和React.StrictMode，你可以優(yōu)化組件的性能和可靠性，確保副作用代碼的正確執(zhí)行和清理，并在開發(fā)過程中更容易發(fā)現(xiàn)潛在