如何使用 react 或 Gatsby(whitout 窗口 || 文档)在 url 中处理(获取、设置)查询字符串

Posted

技术标签:

【中文标题】如何使用 react 或 Gatsby(whitout 窗口 || 文档)在 url 中处理(获取、设置)查询字符串【英文标题】:How to work (get, set) with query string in a url using react or Gatsby (whitout window || document) 【发布时间】:2021-12-27 03:15:59 【问题描述】:

如何使用 React 或 Gatsby 获取或设置查询字符串(不使用文档或窗口对象):

https://link.com/?color=#fff&theme=light

【问题讨论】:

请澄清您的具体问题或提供其他详细信息以准确突出您的需求。正如目前所写的那样,很难准确地说出你在问什么。 【参考方案1】:

您可以将此模块用于react: https://github.com/pbeshai/use-query-params

对于gatsby,你可以使用这个插件: https://www.gatsbyjs.com/plugins/gatsby-plugin-use-query-params/ 它会用QueryParamProvider包装你的应用程序

【讨论】:

以上是关于如何使用 react 或 Gatsby(whitout 窗口 || 文档)在 url 中处理(获取、设置)查询字符串的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Github 工作流程轻松地将 React 和 Gatsby 部署到 github 页面?

React Gatsbyjs 根据纵横比向 gatsby-image 添加类

React/Gatsby:使用每行交替列数的 CSS 网格

GraphQL - Gatsby.js- React 组件。 - 如何查询变量/参数?

如何创建工作流以将 React & Gatsby 应用程序部署到 Github 页面?

ReactJS静态站点生成器Gatsby