Javascript 如何使用UseParams在搜索的基础上使用react router填充URL
我正在尝试使用React路由器为我的web应用程序创建一个可共享链接。在搜索栏中，用户键入一个品牌，我想使用useParams在URL中显示搜索到的品牌 我将如何处理这个问题 BrandTable.js是具有searchHandler函数的组件 TextInput.js是带有搜索栏的组件 到目前为止，我可以根据我搜索的品牌更改URl，但是如果我在不同的窗口中打开该URl，则搜索结果不存在 这里是沙箱：Javascript 如何使用UseParams在搜索的基础上使用react router填充URL,javascript,reactjs,react-router,react-router-dom,Javascript,Reactjs,React Router,React Router Dom,我正在尝试使用React路由器为我的web应用程序创建一个可共享链接。在搜索栏中，用户键入一个品牌，我想使用useParams在URL中显示搜索到的品牌 我将如何处理这个问题 BrandTable.js是具有searchHandler函数的组件 TextInput.js是带有搜索栏的组件 到目前为止，我可以根据我搜索的品牌更改URl，但是如果我在不同的窗口中打开该URl，则搜索结果不存在 这里是沙箱： 从“react router”导入{useHistory，useLocation，usePa
从“react router”导入{useHistory，useLocation，useParams}；
const BrandTable=（）->{
const searchHandler=（searchString）=>
{
让newFilters={…filters}
newFilters.search=searchString
设置过滤器（新过滤器）
const params=新的URLSearchParams（）
如果（搜索字符串）{
参数追加（“品牌”，搜索字符串）
}
history.push（{search:params.toString（）}）
返回(
)
}