Was ist QS in React?

QS in React ist ein vom npm-Warehouse verwaltetes Paket, das dem Parsen von Abfragezeichenfolgen und Serialisierungszeichenfolgen eine gewisse Sicherheit verleiht. Es kann über den Befehl [npm install qs] installiert werden.

Die Betriebsumgebung dieses Tutorials: Windows7-System, React17-Version, Thinkpad T480-Computer.

qs in Reaktion:

qsqs是一个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

在这里需要注意的是，JSON中同样存在stringify方法，但是两者之间的区别是很明显的，如下所示：

{"uid":"cs11","pwd":"000000als","username":"cs11","password":"000000als"}
uid=cs11&pwd=000000als&username=cs11&password=000000als

如上所示，前者是采用JSON.stringify(param)进行处理，后者是采用Qs.stringify(param) ist ein Paket, das von npm Warehouse verwaltet wird, einer Bibliothek, die der Abfragezeichenfolgenanalyse und Serialisierungszeichenfolgen etwas Sicherheit verleiht. Es kann über den Befehl npm install qs installiert werden.

react verwendet qs: 1, qs.parse() Analysieren Sie die URL in die Form eines Objekts rrreeeGeben Sie das Ergebnis aus rrreee2, qs.stringify () Serialisieren Sie das Objekt in Form einer URL und verketten Sie es mit & (kann zum Senden von Abfragebedingungen verwendet werden) rrreee

Die Ausgabe lautet:

rrreee🎜Hier ist zu beachten, dass auch die Stringify-Methode vorhanden ist in JSON, aber zwischen den beiden. Der Unterschied zwischen den beiden ist sehr offensichtlich, wie unten gezeigt: 🎜rrreee🎜Wie oben gezeigt, wird ersteres mit JSON.stringify(param) und letzteres mit verarbeitet ) zur Verarbeitung. 🎜🎜🎜🎜Verwandte kostenlose Lernempfehlungen: 🎜🎜🎜Javascript🎜🎜🎜(Video)🎜🎜🎜

Das obige ist der detaillierte Inhalt vonWas ist QS in React?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!