next-auth 中 useSession() 的“加载”返回值是什么？

我正在编写一个 Next.js 项目，并使用 GitHub 和实现身份验证next-auth。在以下示例中next-auth，有一个电话useSession()，它返回两个对象：session and loading。然而，我见过的例子都没有实际使用loading object.

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>
}

Question: 目的是什么loading，以及在实践中如何使用？

The loading选项指示会话状态正在更新；这是true当获取会话数据时以及false当检查完成时。

它有点复杂，因为session即使正在加载，属性也可以被填充（例如，因为它已经有一个可以从以前的调用中使用的缓存值），所以从技术上来说session即使当loading is true.

如果使用 NextAuth.js 提供程序pages/_app.js the session对象返回自useSession如果也可以填充getSession()已被叫入getInitialProps() or getServerSideProps().

如果您有一个活动会话，窗口获得或失去焦点等操作将导致 NextAuth.js 在后台再次检查会话状态，以尝试确保它没有过时。

tl;dr

当你检查时loading您可能还想检查session is not null第一的。如果sessionstate 是一个对象，用户有一个有效的会话，不需要等待loading回来。

然而，如果session is null and loading is false那么他们肯定没有活跃的会话。