reactjs - Typescript:变量被分配了一个值但从未使用过，除非它被使用

Question

我收到 Typescript 警告:'isAuthenticated' 已分配一个值，但从未用于下面的组件

但是，我在组件中使用 isAuthenticated ，如下所示。

import { useAuth0 } from '@auth0/auth0-react'

const Profile: React.FC = () => {
    const { user, isAuthenticated, isLoading } = useAuth0()

    if (isLoading) {
        return <div>Loading ...</div>
    }

    return (
        <>
            isAuthenticated && (
            <div>
                <img src={user?.picture} alt={user?.name} />
                <h2>{user?.name}</h2>
                <p>{user?.email}</p>
            </div>
            )
        </>
    )
}

export default Profile

为什么当我使用该变量时会收到此警告？

Answer 1

您使用了逻辑&&运算符错误。将 () 替换为 {}

更多信息:https://reactjs.org/docs/conditional-rendering.html