Wie übergebe ich Requisiten in der URL in React JS?

Question

Ich möchte wissen, wie man in Reactjs das richtige Format von Requisiten in der URL sendet. Nehmen wir an, der Name meiner Requisite ist „isOpen“ und ihr Typ ist Boolean. Meine URL ist http://localhost:3000/Home. Jetzt möchte ich meine Requisiten auch über diese URL versenden. Wie es geht? Ich habe etwas wie http://localhost:3000/Home/isOpen/false ausprobiert, aber es gibt diesen Fehler in der Konsole aus. Ausführung von „http://localhost:3“ verweigert

P粉446800329 · Answer

您可以在 URL 中使用查询字符串，在您的情况下，它应该是这样的：

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

并使用 URLSearchParams 和 useLocation 挂钩从 URL 读取 isOpen：

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