useControllableValue
在某些组件开发时,我们需要组件的状态即可以自己管理,也可以被外部控制,useControllableValue 就是帮你管理这种状态的 Hook。
Api 与ahooks一致。
代码演示
基础用法
API
const state = useControllableValue(props: object, options?: Options)
Result
| 参数 | 说明 | 类型 |
|---|---|---|
| state | 状态值 | - |
Params
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| props | 组件的 props | object | - |
| options | 可选配置项,见 Options | - | - |
Options
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| defaultValue | 默认值,会被 props.defaultValue 和 props.modelValue 覆盖 | - | - |
| defaultValuePropName | 默认值的属性名 | string | defaultValue |
| valuePropName | 值的属性名 | string | modelValue |
| trigger | 修改值时,触发的函数 | string | update:modelValue |