archive-gh-me/zustand
1
0
Fork 0
mirror of https://github.com/pmndrs/zustand.git synced 2025-12-08 19:45:52 +00:00
Code Issues Projects Releases Wiki Activity

Update connect-to-state-with-url-hash.md (#3263)

Browse Source
This commit is contained in:
Danilo Britto 2025-10-17 08:59:04 -05:00 committed by GitHub
parent d5105b1e13
commit a5ffe1b99b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
docs/guides/connect-to-state-with-url-hash.md
View File

@ -43,10 +43,6 @@ export const useBoundStore = create(
) )
``` ```
### CodeSandbox Demo
https://codesandbox.io/s/zustand-state-with-url-hash-demo-f29b88?file=/src/store/index.ts
## Persist and Connect State with URL Parameters (Example: URL Query Parameters) ## Persist and Connect State with URL Parameters (Example: URL Query Parameters)
There are times when you want to conditionally connect the state to the URL. There are times when you want to conditionally connect the state to the URL.
@ -150,3 +146,8 @@ export const buildShareableUrl = (params, version) => {
The generated URL would look like (here without any encoding, for readability): The generated URL would look like (here without any encoding, for readability):
`https://localhost/search?fishAndBearsStore={"state":{"typesOfFish":["tilapia","salmon"],"numberOfBears":15},"version":0}}` `https://localhost/search?fishAndBearsStore={"state":{"typesOfFish":["tilapia","salmon"],"numberOfBears":15},"version":0}}`
### Demo
- Hash: https://stackblitz.com/edit/vitejs-vite-9vg24prg
- Query: https://stackblitz.com/edit/vitejs-vite-hyc97ynf