React の QS とは何ですか

QS in React は、npm ウェアハウスによって管理されるパッケージです。クエリ文字列の解析とシリアル化文字列にセキュリティを追加するライブラリです。[npm install qs] コマンドを通じてインストールできます。

#このチュートリアルの動作環境: Windows7 システム、React17 バージョン、thinkpad t480 コンピューター。反応中の

qs:

qs は、npm ウェアハウスによって管理されるパッケージであり、セキュリティを追加するライブラリですクエリ文字列の解析と文字列のシリアル化用。 npm install qs コマンドを使用してインストールできます。

react は qs を使用します:

1, qs.parse()URL をオブジェクトの形式に解析します

import  Qs from 'qs';
let url = 'method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0';
Qs.parse(url);
console.log(Qs.parse(url));

出力結果

{
    method:'query_sql_dataset_data',
    projectId:'85',
    appToken:'7d22e38e-5717-11e7-907b-a6006ad3dba0'
}

2, qs.stringify()オブジェクトをURLの形式にシリアル化し、&で結合します(クエリ条件の送信に使用できます)

import  Qs from 'qs';
let obj= {
     method: "query_sql_dataset_data",
     projectId: "85",
     appToken: "7d22e38e-5717-11e7-907b-a6006ad3dba0",
     datasetId: " 12564701"
   };
Qs.stringify(obj);
console.log(Qs.stringify(obj));

出力は次のとおりです:

method=query_sql_dataset_data&projectId=85&appToken=7d22e38e-5717-11e7-907b-a6006ad3dba0&datasetId=%12564701

ここで、stringify メソッドは JSON にも存在しますが、以下に示すように 2 つの違いは明らかであることに注意してください。上記では、前者は

JSON.stringify(param)

を使用して処理され、後者は Qs.stringify(param) を使用して処理されます。

関連する無料学習の推奨事項:

javascript(ビデオ)

以上がReact の QS とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。