无法使用react-query-params解码/编码查询逗号

Question

我已经在这个问题上卡了三天了。我无法放入浏览器解码的 URL 参数。我只需要将字符串放入浏览器 URL 中即可。我对逗号符号有疑问。

我使用react-query-params和qs.stringify作为字符串

  const filtrToClientQuery = qs.stringify(
    { ...filterActive },
    { arrayFormat: "comma", delimiter: ";" }


  const decodefiltrToClientQuery = decodeURIComponent(filtrToClientQuery);

这是我想放入客户端浏览器中的结果decodefiltrToClientQuery 字符串（在console.log 结果很好）

"color=red,yellow;resolution=1024"

但是当我使用 setQuery 在浏览器中输入查询时

       <button
              className="set-btn"
              onClick={() => setQuery(decodefiltrToClientQuery)}
            >
              setFilter
            </button>

然后我得到这个结果

foo=color%3Dred%2Cyellow%3Bresolution%3D1024

我真的被困了这么久了。有人可以提供一些解决方案吗？

Answer 1

为此使用一些库，https://github.com/asmyshlyaev177/state-in-url例如。