useUrlState
一个同步组件内部状态和 query 参数的 hook。
API 有改动,见ahooks。
Examples
基础用法
API
const state = useUrlState(routerPush, DefaultState, {
localStorageKey: 'localStorageKey',
});
interface UseUrlStateOptions {
localStorageKey?: string;
}
Params
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
routerPushFn | 一般来说,传 vue-router 的 router.push 方法就行 | function | - |
initialState | 默认值 | S | (() => S) | - |
options | 设置localStorageKey 的话,若 url 没有参数,会使用存在 localStorage 的值 | UseUrlStateOptions | - |
Result
参数 | 说明 | 类型 |
---|---|---|
state | 状态值 | - |