Textarea / 文本输入框

获取用户输入的多行文本。

基础的

基础示例。

禁用

禁用文本框所有交互。

状态

通过色彩区分不同的状态

事件

捕获文本框的输入事件

与 useInput 组合

通过 hooks 以更简单的方式驱动文本框。

命令式 API

使用非受控方式更新组件。

APIs / 接口文档

Textarea.Props[别名: Input.Textarea]

属性描述类型推荐值默认
value设置文本框的值string--
initialValue文本框的初始值string--
placeholder占位文本string--
status文本框当前状态TextareaTypesTextareaTypesdefault
readOnly是否以只读方式显示boolean-false
disabled是否禁用文本框boolean-false
onChange文本变化事件(e: React.ChangeEvent) => void--
resizeCSS 属性CSSResizeCSSResizenone
...原生属性TextareaHTMLAttributes'form', 'id', 'className', ...-

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
  }
}

TextareaTypes

type TextareaTypes = 'default' | 'secondary' | 'success' | 'warning' | 'error'

CSSResize

type CSSResize = 'none' | 'both' | 'horizontal' | 'vertical' | 'initial' | 'inherit'
Add