如何在下一個身份驗證中從解析中呈現數據

Question

我想在使用useSession從下一個身份驗證登錄后通過解析在客戶端下面呈現數據

{
  objectId: 'nttMcKIOQJ',
  username: 'fiik346',
  email: 'fiik346@gmail.com',
  createdAt: '2022-06-26T07:56:41.888Z',
  updatedAt: '2022-06-26T07:56:41.888Z',
  ACL: { '*': { read: true }, nttMcKIOQJ: { read: true, write: true } },
  sessionToken: 'r:2f2c569be3b5120f3893834c2ace7b67'
}

但它只是呈現電子郵件

{"user": {"email":"fiik346@gmail.com"},"expires":"2022-07-26T09:01:41.163Z"}
"authenticated"

這是我的回調代碼

// /pages/api/auth/[...nextauth].js
...

callbacks: {
    async session({ session, token, user }) {           // Send properties to the client, like an access_token from a provider.                             return session
    },                                                async jwt({ token, user, account, profile, isNewUser }) {                                             return token
    }                                               },

...

和客戶端代碼

import { useSession } from 'next-auth/react'
import { getToken } from 'next-auth/jwt'
export default function accountIndex() {
  const {data: session, status} = useSession()      return (                                            <div>
      <h1>Account is {status}</h1>
      <pre className="overflow-auto">
        {JSON.stringify(session)}
        <br/>
        {JSON.stringify(status)}
      </pre>
    </div>
  )
}

我不知道如何更改回調代碼以顯示數據庫中的數據

Answer 1

經過一段時間再努力，我成功地渲染了數據。 只需更改回調代碼，如下所示。

...

callbacks: {
    async session({ session, token, user }) {           
        // Send properties to the client, like an access_token from a provider.                             
        session.accessToken = token.accessToken           
        session.user = token.data                          
        return session                                  
    },                                               
    async jwt({ token, user, account, profile, isNewUser }) {                                             
        if (user) {                                         
            token.data = user                               
        }      
        return token    
    }  
},

...

Answer 2

  callbacks: {
    jwt: async ({token, user}) => {
      if (user) {
        token.data = user
      }
      return token
    },
    session: async ({session, token}) => {
      if (token.data) {
        session.user = token.data
      }
      return session
    }
  }