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

Question

Ich möchte wissen, wie man in React js das richtige Format von Requisiten in der URL sendet.

Angenommen, mein Requisitenname ist „isOpen“ und sein Typ ist Boolean.

Meine Website-Adresse lautet http://localhost:3000/Home.

Jetzt möchte ich auch meine Requisiten über diese URL versenden. Wie es geht?

Ich habe so etwas versucht http://localhost:3000/Home/isOpen/false, aber es gibt diesen Fehler in der Konsole aus.

Die Ausführung des Skripts von „http://localhost:3000/Home/bundle.dev.js“ wird abgelehnt, da sein MIME-Typ („text/html“) nicht ausführbar ist und eine strenge MIME-Typprüfung aktiviert ist.

Wie geht das?

Answer 1

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

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

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

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