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

参数介绍类型
stateInput 组件的值string
setState与 React.setState 相同-
currentRefInput 组件的当前值string
reset重置为初始值() => void
bindings自动绑定对象-