useInput / 输入框绑定
useInput
提供对 Input 组件的自动绑定功能,这可以有效减少模板代码量并提高开发者体验。使用此 Hooks 与你手动添加 React.useState
以绑定组件的行为完全一致。
基础的
使用 Hooks 捕获数据变化
APIs / 接口文档
useInput
type useInput = (initialValue: string) => {
state: string
setState: Dispatch<SetStateAction<string>>
currentRef: MutableRefObject<string>
reset: () => void
bindings: {
value: string
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void
}
}
KeyboardOptions
参数 | 介绍 | 类型 |
---|---|---|
state | Input 组件的值 | string |
setState | 与 React.setState 相同 | - |
currentRef | Input 组件的当前值 | string |
reset | 重置为初始值 | () => void |
bindings | 自动绑定对象 | - |
文档贡献者