Question

我正在尝试使用AuthO在我的网站上成功设置登录系统，但是我在React中使用组件，并且他们设置的教程使用了另一种方法，因此我尝试通过创建函数并尝试运行来解决问题通过它，但看来我的isAuthenticated对象仍在调试中，这是我的各种代码。

Navbar.js的顶部

class NavBar extends Component {
  render() {
    <Authenticated />
    return (
      <div>
        <nav className="navbar

在使用isAuthenticated的地方

{!isAuthenticated && (
    <button onClick={() => loginWithRedirect({})}>Log in</button>
)}

{isAuthenticated && <button onClick={() => logout()}>Log out</button>}

用于绕过组件的经过身份验证的功能的问题：

import React from "react";
import { useAuth0 } from "../../react-auth0-spa.js";

function Authenticated(){
  const { isAuthenticated, loginWithRedirect, logout } = useAuth0();
}

export default Authenticated;

即使所有这些，它仍然无法正常工作，并出现以下错误，请忽略第二个错误： Errors

未捕获的ReferenceError：未定义isAuthenticated

0 个答案: