<p>Saya mencari di Internet untuk masa yang lama tetapi tidak menemui jawapannya. Terdapat beberapa cara untuk membetulkannya, tetapi ia tidak berkesan untuk saya apabila saya mencubanya. Jadi, apabila pengguna log masuk dan sesi dibuat, bagaimana cara saya mengemas kini data baharu dalam objek sesi itu selepas pengguna dikemas kini melalui permintaan tampalan pada bahagian belakang API. Terima kasih semua atas balasan dan masa anda. </p> <p>Saya mencuba pelbagai "helah" yang saya temui dalam talian, dan ia berkesan untuk sesetengah orang, tetapi tidak untuk saya. Saya mahu objek sesi dikemas kini selepas patch dipanggil dan data pengguna dikemas kini. </p>

import { useSession } from 'next-auth/client';

export default function UserInfo() {
  const { data: session, update } = useSession();

  const handleUpdateUser = async () => {
    const newSession = {
      ...session,
      user: {
        ...session?.user,
        email: "someone@example.com"
      },
    };

    await update(newSession);
  };

  return (
    <button onClick={handleUpdateUser}>
      更新用户
    </button>
  );
}