javascript - 如何在 React App 中测试基于 URLSearchParams 的条件渲染?
问题描述
我有一个简单的应用程序,它使用这个函数从 URLSearchParams 中获取 ID
export default function getLeadIdFromParams(){
const params = new URLSearchParams(window.location.search);
return params.get("id");
}
这发生在它渲染的内部。它有条件地呈现应用程序,因此如果没有 ID,它会显示一条带有“未找到 ID”的文本消息,如果有 ID,它会显示“找到 ID”。但是我在测试它时遇到了麻烦,我只能测试默认的“No id”,因为这是在没有 ID 的情况下在测试中加载的默认 url。如何创建一个使用包含 ID 的搜索参数呈现我的应用程序的测试。
解决方案
如果要从参数中获取 ID,则可以使用从包useLocation()
中导入的钩子。react-router-dom
推荐阅读
- python-3.x - 更改由 hashlib 创建的哈希对象的算法常量
- java - 如何将数字转换为字母(A = 0、B = 1、C = 2 等...)
- python - Python - 混合两个音频块
- restheart - Restheart 在分片集合中添加新文档
- macos - Applescript 读取 Dock 中应用程序的通知
- javascript - .NET Core Web API 路由和 GET 请求
- ruby-on-rails - Sidekiq with Heroku & Rails : 我的工作卡在 Heroku 的队列中
- javascript - 两个选择列表之间的 Javascript 分配不起作用
- python - 查找权重数据框并应用于列
- html - 是否可以使“flex-flow:column”flexbox 的所有子级与最高的子级具有相同的高度?