如何在 Next.js 的客户端组件中使用 Promise

Question

我有一个页面有

"use client";

我想在此页面定义 i18n 翻译：

export default async function Page({ params: { lng } }) {
  const { t } = await useTranslation(); // (useTranslation is async function that returns a promise)
  return ();
}

但是在非异步函数中不允许使用await，并且异步函数不能在客户端组件中使用

我尝试使用

return {useTranslation.then()}

但页面显示空白

Answer 1

您不能在客户端组件中使用 async/await，但可以将 Promise 与旧的

then()

一起使用，或者为了方便起见，有

useSWR

。

请参阅此文档。 https://nextjs.org/docs/pages/building-your-application/data-fetching/client-side