如何在react js中传递url中的props?
P粉138711794
P粉138711794 2024-04-01 16:03:49
[React讨论组]

我想知道如何在 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");
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号