个人中心
gpt4 book ai didi

javascript - 在 NextJS 中使用自定义文档时如何获取 URL 参数

转载 作者：行者123 更新时间：2023-12-04 04:02:22 25 4
gpt4 key购买 nike

我正在使用 NextJS 来制作 SSR 页面，这些页面是特定于语言的。我想设置 lang 属性来声明文本的语言。
到目前为止，我有:

import Document, { Html, Head, Main, NextScript } from "next/document"
import Router from "next/router"

class MyDocument extends Document {
  render() {
    const { lanaguage } = Router.router.query
    return (
      <Html lang={language}>
        <Head />
        <body className="antialiased text-white text-base font-sans">
          <Main />
          <NextScript />
        </body>
      </Html>
    )
  }
}

export default MyDocument

但是， Router.router总是 null使用自定义文档 ( _document.js) 时。使用自定义文档时是否有另一种获取 URL 参数/查询的方法？

最佳答案

我已经能够通过使用来解决这个问题:

import Document, { Html, Head, Main, NextScript } from "next/document"

class MyDocument extends Document {
  render() {
    const { lanaguage } = this.props.__NEXT_DATA__.query
    return (
      <Html lang={lanaguage}>
        <Head />
        <body className="antialiased text-white text-base font-sans">
          <Main />
          <NextScript />
        </body>
      </Html>
    )
  }
}

export default MyDocument
我不确定使用 this.props.__NEXT_DATA__ 是否是不好的做法.但是，它确实有我需要的信息。

关于javascript - 在 NextJS 中使用自定义文档时如何获取 URL 参数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/62893647/

25 4 0
文章推荐： python - 在 matplotlib 中标记一系列数据
文章推荐： python - 解析逻辑表达式
文章推荐： python - 如何在 Python 中使用 Quart 发送文件流？
文章推荐： arrays - Modelsim VHDL 阵列初始化发出警告 (vcom-1320)
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com