Skip to main content

One post tagged with "React Hooks"

View All Tags

· 11 min read

动机 & 目标

在基于 hash 模式的 web 单页应用中,经常需要读写 hash 中的查询参数,例如从 hash 查询参数中读取商品 ID。在 React 应用中,如果直接解析window.location.hash值,则 hash 变化时无法收到更新,你还需要监听hashchange事件来更新内部状态,这些繁琐的步骤可以封装成自定义 hooks,同时更进一步给参数加上自动类型解析和序列化,使其支持任意参数值类型(包括嵌套的 JSON 对象),全部这些功能仅需要一个简单的 hook 即可实现。