gatsby-plugin-use-query-params
Drop in support for use-query-params
Table of Contents
Installation
npm install use-query-params gatsby-plugin-use-query-params
Usage
1. Register plugin
In gatsby-config.js
:
moduleexports = plugins: ...otherPlugins "gatsby-plugin-use-query-params" ;
use-query-params
package as usual. Here is its documentation.
2. Use import React from "react";import useQueryParam NumberParam StringParam from "use-query-params"; const UseQueryParamExample = // something like: ?x=123&foo=bar in the URL const num setNum = ; const foo setFoo = ; return <div> <h1>num is num</h1> <button =>Change</button> <h1>foo is foo</h1> <button =>Change</button> </div> ;; ;
License
MIT