在nextjs中更改语言时,如何使用next-i18next更改<html“ lang” />?

时间:2020-07-15 10:25:02

标签: next.js next i18next next-i18next

我正在将next-i18next用于多语言网站,并且所有组件都能正常工作,但是我不知道如何更改_document.js文件中html标签的语言?

1 个答案:

答案 0 :(得分:2)

这是我的解决方法。

class MyDocument extends Document {
  static async getInitialProps(ctx) {
     const initialProps = await Document.getInitialProps(ctx)
     const language = ctx.req.language
     return { ...initialProps, language }
  }

  render() {
    return (
       <Html lang={this.props.language}>
         <Head />
         <body>
           <Main />
           <NextScript />
         </body>
       </Html>
    ) 
  } 
}