如何修復 React Router v6 中的「PrivateRoute is Not a」錯誤？

React Router v6：私有路由元件出錯

您在 React Router v6 中定義私有路由時遇到錯誤。該錯誤訊息指出 PrivateRoute 元件不是 元件。或成分。當私有路由執行不正確時，就會出現此問題。

解決方案

在PrivateRoute.js 中，將程式碼替換為以下內容：

在route.js中，按如下方式更新程式碼：

解釋

PrivateRoute元件現在使用

元件，它允許在授權時配置路由的子級。 元件用於在未通過身份驗證的情況下將使用者重定向到特定頁面。

在 App.js 中，確保將您的路由包裝在 中。組件並使用 element prop 指定私有路由。

附加說明
• isAuthenticated 變數應替換為您自己的驗證邏輯。
可以根據需要自訂未經驗證的使用者重定向到的路徑。

如果您有多個私有路由，則可以使用 useAuth 上下文掛鉤在整個應用程式中共用驗證狀態。

以上是如何修復 React Router v6 中的「PrivateRoute is Not a」錯誤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！