NextJS区域设置与已配置的defaultLocale不同

// next.config.js

module.exports = {
  i18n: {
    defaultLocale: 'en-US',
  },
};

// MyComponent.js

import { useTranslation } from 'next-i18next';

const MyComponent = () => {
  const { t } = useTranslation();

  return (
    <div>
      <h1>{t('welcome')}</h1>
      <p>{t('description')}</p>
    </div>
  );
};

export default MyComponent;

// locales/en-US.json

{
  "welcome": "Welcome!",
  "description": "This is a description."
}

// pages/index.js

import { useRouter } from 'next/router';

const HomePage = ({ content }) => {
  return (
    <div>
      {content}
    </div>
  );
};

export async function getStaticProps({ locale }) {
  let content = '';

  if (locale === 'en-US') {
    content = 'English content';
  } else if (locale === 'zh-CN') {
    content = '中文内容';
  }

  return {
    props: {
      content,
    },
  };
}

export default HomePage;