使用反应路由器 v6 的反应嵌入式登录实现

Posted 2023-02-18

【中文标题】使用反应路由器 v6 的反应嵌入式登录实现

【英文标题】：React embedded login implementation using react router v6

【发布时间】：2022-01-10 10:25:42

【问题描述】：

我正在尝试在 React 中设置嵌入式登录实现，除了我正在遵循的教程当前使用的是以前版本的 react-router，我想知道如何在 v6 中修复它。

目前，我的 App.js 中有这个：

import Auth from "./Auth";
import Callback from "./components/Login/Callback";

const App = (history) => 
    const auth = new Auth(history);
    return (
    ...
    <Routes>
     ...
     <Route path="/callback" render=props => <Callback auth=auth ...props /> />
    </Routes>

这在我的 Callback.js 中：

const Callback = (auth) => 
  useEffect(() => 
    auth.handleAuth()
    // eslint-disable-next-line react-hooks/exhaustive-deps
  , [])

如何更改它以使其正确呈现我想要的 url，它添加到“/callback”访问令牌等的位置？

【参考方案1】：

您正在学习哪个教程？据我的经验，使用 react-router v5 vs v6 应该不会影响你看到的任何东西，除了Switch -> Routes。

如果你目前没有使用 Auth0 React，我会看看 this 或 this。