use query params

useQueryParams

簡単なシリアル化で URL クエリ パラメーターの状態を管理するための React Hook、HOC、および Render Props ソリューション。

すぐに React Router 5 および 6 で動作します。 TypeScript がサポートされています。

---

簡単に共有できる URL を使用してアプリを作成する場合、状態をクエリ パラメーターとしてエンコードしたいことがよくありますが、すべてのクエリ パラメーターは文字列としてエンコードする必要があります。 useQueryParams使用すると、スマートなメモ化を使用して、あらゆるタイプのデータをクエリ パラメーターとして簡単にエンコードおよびデコードでき、不要な重複オブジェクトの作成を防ぐことができます。これは、serialize-query-params を使用します。

ドキュメント

• use-query-params ドキュメント
• シリアル化クエリパラメータのドキュメント

パッケージ

これはLernaで管理されるモノレポです。

パッケージ	バージョン	ドキュメント	説明
use-query-params			use-query-params React ライブラリ
serialize-query-params			Serialize-query-params JS ライブラリ

発達

ローカルで実行するには:

 npm install
npx lerna bootstrap --hoist --scope "use-query-params" --scope "serialize-query-params"
npm build
npm test

例をセットアップします。

 lerna bootstrap --scope "*-example"
lerna link

次に、次の 1 つを実行します。

 lerna run --scope react-router-example start