1

我想从 AWS S3 存储桶中获取翻译并将它们放在上下文中，以便我的整个应用程序可以使用它，而不仅仅是一页。我应该在哪里获取这些翻译数据？在 app.js 中，我们不能使用getStaticPropsor getServerSideProps，并且不建议使用getInitialProps（我对使用它感到困惑，因为它的文档不是很清楚），我在网上看到了下面的片段，但我不确定在哪里我得到了我正在寻找的道具，我应该在哪里获取 getInitialProps 的端点：

import React from 'react'
import App from 'next/app'
import { appWithTranslation } from '../i18n'

function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

MyApp.getInitialProps = async (appContext) => {
  const appProps = await App.getInitialProps(appContext)
  // shall I fetch my data here and provide the prop as
  // const xx = fetch('url')?
  return { ...appProps, xx }
}

export default appWithTranslation(MyApp)

在 _app.js 中使用时它会选择退出自动静态生成吗？这是什么意思？如果我在 app.js 中使用 getInitialProps，我将无法使用任何客户端代码吗？

4

0 回答 0