在网页地址中,问号后的部分称为查询字符串(query string)或search params。在React应用的路由组件中,可使用useSearchParams
hook从react-router-dom
包获取search params对象,从而操作URL中的查询字符串。该hook返回一个数组,第一项是search params对象,可用于获取查询值;第二项是设置查询的函数(setSearchParams
)。使用时可通过绑定input元素的onChange事件,根据输入的内容实时更新地址栏中的查询参数值。