我對 Auth0 有疑問。登入.和註銷。使用反應打字稿。
這裡位於 Index.tsx 中。
root.render();
在身份驗證設定中給了一些程式碼。
現在我有一個登入或登出按鈕。
const AuthButton = () => { const { isAuthenticated, loginWithRedirect, logout } = useAuth0(); const handleLogin = () => { loginWithRedirect(); }; const handleLogout = () => { logout({ logoutParams: { returnTo: window.location.origin } }); }; return ( ); }; export default AuthButton;
還有。我檢索使用者資訊以顯示。
const Profile = () => { const { user, isAuthenticated, getAccessTokenSilently } = useAuth0(); const [accessToken, setAccessToken] = useState(''); useEffect(() => { const getAccessToken = async () => { try { const token = await getAccessTokenSilently(); setAccessToken(token); } catch (error) { console.error(error); } }; if (isAuthenticated) { getAccessToken(); console.log("authenticated") } }, [isAuthenticated, getAccessTokenSilently]); if (!isAuthenticated) { returnPlease login to view your profile.; } return ({user?.picture && ( )}); }; export default Profile;Hello {user?.name}
Email: {user?.email}
Login Method: {user?.sub?.split('|')[0]}
Access Token: {accessToken}
上面已經解釋
我透過使用loginWithPopup而不是loginredirect解決了這個問題。我也使用了該連結。
我沒有使用window.location.origin。但我在這部分程式碼中使用了地址。