use query params
v2.2.1
โซลูชัน React Hook, HOC และ Render Props สำหรับการจัดการสถานะในพารามิเตอร์การสืบค้น URL พร้อมการทำให้เป็นอนุกรมได้ง่าย
ทำงานร่วมกับ React Router 5 และ 6 ได้ทันทีเมื่อแกะกล่อง รองรับ TypeScript
เมื่อสร้างแอปที่มี URL ที่แชร์ได้ง่าย คุณมักจะต้องการเข้ารหัสสถานะเป็นพารามิเตอร์การสืบค้น แต่พารามิเตอร์การสืบค้นทั้งหมดจะต้องเข้ารหัสเป็นสตริง useQueryParams ช่วยให้คุณสามารถเข้ารหัสและถอดรหัสข้อมูลประเภทใดก็ได้เป็นพารามิเตอร์การสืบค้นได้อย่างง่ายดายด้วยการบันทึกอัจฉริยะเพื่อป้องกันการสร้างวัตถุที่ซ้ำกันโดยไม่จำเป็น มันใช้ซีเรียลไลซ์แบบสอบถามพารามิเตอร์
นี่คือ monorepo ที่จัดการโดย Lerna
| บรรจุุภัณฑ์ | เวอร์ชัน | เอกสาร | คำอธิบาย |
|---|---|---|---|
use-query-params | use-query-params ไลบรารี React | ||
serialize-query-params | ไลบรารี js ที่ทำให้เป็นอนุกรม-แบบสอบถาม-params |
หากต้องการทำงานในเครื่อง:
npm install
npx lerna bootstrap --hoist --scope "use-query-params" --scope "serialize-query-params"
npm build
npm test
ตั้งค่าตัวอย่าง:
lerna bootstrap --scope "*-example"
lerna link
จากนั้นรันหนึ่ง:
lerna run --scope react-router-example start
