Comment transmettre des accessoires dans l'URL dans React js ?

Question

Je veux savoir comment envoyer le format correct des accessoires dans l'URL dans React js.

Supposons que le nom de mon accessoire soit "isOpen" et que son type soit booléen.

L'adresse de mon site Web est http://localhost:3000/Home.

Maintenant, je souhaite également envoyer mes accessoires via cette URL. Comment faire?

J'ai essayé quelque chose comme ça http://localhost:3000/Home/isOpen/false mais cela renvoie cette erreur dans la console.

Rejet de l'exécution du script de "http://localhost:3000/Home/bundle.dev.js" car son type MIME ("text/html") n'est pas exécutable et une vérification stricte du type MIME est activée.

Comment faire ça ?

Answer 1

Vous pouvez utiliser une chaîne de requête dans l'URL, dans votre cas, elle devrait ressembler à ceci :

http://localhost:3000/Home/?isOpen=false

et utilise URLSearchParams 和 useLocation 挂钩从 URL 读取 isOpen :

const location = useLocation();
const isOpen = new URLSearchParams(location.search).get("isOpen");