logo

该视频仅会员有权观看

立即开通课程「React.js 前端应用开发实践」权限。

¥
199
/ 年

在 React 组件里使用地址查询符(useSearchParams)

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