URL React上反映的多个查询

Question

通常，我的查询会反映在URL上。

例如，我需要搜索“StackOverflow”这个词。我的网址是https // mysite.com /？keyword = stackoverflow

但是，在同一页面上，我有两个不同的搜索栏，用户搜索不同的关键字。如何在同一个URL上处理它？

注意两种情况下的后端参数是相同的'关键字'

你能建议我一个解决方案吗？先谢谢你

Answer 1

你不可能使用两个参数吗？如在website.com?keyword1=test&keyword2=test2中

Answer 2

这是可能的，但不推荐。

// example.
// keyword={keyword1}@@@{keyword2}
// @@@ <--- splitter. choose yourself!

?keyword=stackoverflow@@@google
const queryStrings = window.location.search.split("&");
const keywordQuery = queryStrings.filter((q) => q.includes("keyword") > -1)[0];
const [keyword1, keyword2] = keywordQuery.replace("keyword=", "").split("@@@");

如果你使用它，你要关心qazxsw poi。因为你无法搜索qazxsw poi !!!