我正在编写一个Next.js项目，并使用GitHub和next-auth实现身份验证。在next-auth的例子中，有一个对useSession()的调用，它返回两个对象：session和loading。但是，我看到的所有示例都没有实际使用loading对象。
import React from 'react'
import {
useSession,
signin,
signout
} from 'next-auth/client'
export default () => {
const [ session, loading ] = useSession()
return <p>
{!session && <>
Not signed in <br/>
<button onClick={signin}>Sign in</button>
</>}
{session && <>
Signed in as {session.user.email} <br/>
<button onClick={signout}>Sign out</button>
</>}
</p>
}
问：loading的目的是什么，在实践中如何使用？
loading选项指示会话状态正在更新;获取会话数据时true会话数据，在完成检查时false。
它有点复杂，因为即使正在加载session属性也可以填充(例如，因为它已经具有可以从以前的调用中使用的缓存值)，因此从技术上讲，即使trueloading也可以填充session。
如果在pages/_app.js中使用 NextAuth.js 提供程序，则还可以填充从useSession返回的session对象(如果已在getInitialProps()或getServerSideProps()中调用getSession()。
如果您有活动会话，则窗口获得或失去焦点等操作将导致 NextAuth.js 在后台再次检查会话状态，以尝试确保它不会过时。
tl;博士
当您检查loading时，您可能还想先检查session是否null。如果session状态为对象，则用户具有有效的会话，您无需等待loading返回。
但是，如果sessionnull并且loadingfalse那么他们肯定没有活动会话。
您可以通过创建自己的 useState 来创建自己的加载功能：
const [loading, setLoading] = useState(false);;
function handleGoogleLogIn() {
signIn("google");
setGoogleLoading(true);
}
然后在您的 HTML 中
{ loading && (<div> your loading spinner or anything...</div>) }