為什麼我在 React Router v6 中收到「[PrivateRoute] 不是元件」錯誤？

React Router v6 錯誤：[PrivateRoute] 不是元件

使用React Router v6 並建立私有路由時，開發人員可能會遇到錯誤，指出「[PrivateRoute] 不是 元件。 的所有子元件都必須是 或。"

問題的根源

當「PrivateRoute」元件未正確渲染時會出現此錯誤作為「」的子級「」中的元件

解決方案

要解決此問題，請確保將PrivateRoute 元件定義為Routes 元件中Route 元件的巢狀子元件，如下所示：

在此修改後的程式碼中：

• PrivateRoute 嵌套在Route 中，而Route 又嵌套在Routes 中。
• PrivateRoute 元件確定授權並顯示如果獲得授權，則為 Outlet 元件（子元素）。
• 如果未經授權，PrivateRoute 將會導覽至登入頁面。

以上是為什麼我在 React Router v6 中收到「[PrivateRoute] 不是元件」錯誤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！