首页 > 解决方案 > 如何在 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 的搜索参数呈现我的应用程序的测试。

标签: javascriptreactjsurlparametersquery-parameters

解决方案


如果要从参数中获取 ID,则可以使用从包useLocation()中导入的钩子。react-router-dom


推荐阅读