You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 7-8.RSVP
Socket
Socket
Sign inDemoInstall

gatsby-query-params

Package Overview
Dependencies
1
Maintainers
1
Versions
8
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

gatsby-query-params

Get query params of the current URL in Gatsby


Version published
Weekly downloads
407
decreased by-6.65%
Maintainers
1
Created
Weekly downloads
 

Readme

Source

gatsby-query-params

Get query params of the current URL in Gatsby

NPM JavaScript Style Guide

Install

npm add gatsby-query-params

Function Signature

  1. getSearchParams - Return query parameters as an object.
import { getSearchParams } from "gatsby-query-params";

const searchParams = getSearchParams();
  1. useQueryParam - Return query parameter for a specific key. If it doesn't exist, returns a set default value ( default null ).
import { useQueryParam } from "gatsby-query-params";

const value = useQueryParam(key, defaultValue);

Usage

import React, {useState, useEffect} from 'react'
import { useQueryParam, getSearchParams } from "gatsby-query-params";

function App() {
  
  const name = useQueryParam("name", "Akash"); // key, defaultValue
  console.log(name); // log query param
  console.log(getSearchParams()); // Log all parameters

  return (
    <div>
      Hello
    </div>
  )
}

export default App

Example

  1. Run npm start on the root folder.
  2. cd example
  3. npm start

Where does this library run?

Both Client-Side Rendering (CSR) & Server-Side Rendering (SSR) are supported.

License

LGPLV3 © akash-joshi

Keywords

FAQs

Package last updated on 04 Nov 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc