如何在react js中传递url中的props?
P粉138711794
P粉138711794 2024-04-01 16:03:49
0
1
374

我想知道如何在 React js 中发送 url 中的 props 的正确格式。

假设我的道具名称是“isOpen”,其类型为布尔值。

我的网址是 http://localhost:3000/Home

现在我也想通过这个网址发送我的道具。如何做到?

我尝试过类似的方法 http://localhost:3000/Home/isOpen/false 但它在控制台中抛出此错误。

拒绝执行来自“http://localhost:3000/Home/bundle.dev.js”的脚本,因为其 MIME 类型(“text/html”)不可执行,并且启用了严格的 MIME 类型检查。

如何做到这一点?

P粉138711794
P粉138711794

全部回复(1)
P粉446800329

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

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

并使用 URLSearchParamsuseLocation 挂钩从 URL 读取 isOpen

const location = useLocation();
const isOpen = new URLSearchParams(location.search).get("isOpen");
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!