メインコンテンツまでスキップ

TextareaField 複数行入力フィールド

いつ使用するか

  • 大量のテキスト入力が必要なシナリオで使用します。入力領域は通常のテキスト入力フィールドより広くなります。

コンポーネント例

コンポーネントプロパティ

属性说明类型默认值
addonAfter

入力フィールドの後ろにつける追加コンテンツ

string

-
addonBefore

複数行入力フィールドの前につける追加コンテンツ

string

-
autoFocus

自動フォーカスを有効にするかどうか

boolean

false

autoHeight

複数行入力フィールドの自動高さ調整を有効にするかどうか

boolean

false

behavior

表单组件显示状态

Behavior

'NORMAL'

cutString

maxLengthを超えている場合に超過文字列を切り捨てる

boolean

false

hasClear

複数行テキストのクリアボタンを表示するかどうか

boolean

true

hasLimitHint

複数行テキストのカウンターを表示するかどうか

boolean

false

label

表单组件标题

string

-
labelAlign

表单组件标题的位置

'left' | 'top'

'top'

labelColOffset

设置标题的偏移位置,配置值为栅格值,1代表1/24

number

0

labelColSpan

设置标题的占位宽度,配置值为栅格值,1代表1/24

number

4

labelTextAlign

表单组件的标题对齐方式

'left' | 'right'

'right'

labelTipsIcon

表单组件标题提示信息入口图标,当labelTipsTypes取值为 textrender 时生效

string

-
labelTipsRender

表单组件标题提示信息自定义渲染方法,当labelTipsTypes取值为 render 时生效

(props: IComponentProps) => ReactNode

-
labelTipsText

表单组件标题提示文本信息,当labelTipsTypes取值为 text 时生效

string

-
labelTipsTypes

表单组件标题提示信息类型设置

LabelTipsTypes

'none'

maxLength

複数行テキストの文字数上限

number

-
onChange

コンポーネントの値が変更されたときのイベント

({ value: string }) => void

-
placeholder

フォームコンポーネントのプレースホルダーヒント

string

入力してください

rows

複数行テキストの高さを設定します(PC版のみ有効)

number

4

size

表单组件尺寸

Size

'medium'

state

入力フィールドのstate状態を設定

'error' | 'loading' | 'success' | ''

''

tips

表单组件描述信息,展示在控件下方

string

-
trim

先頭と末尾のスペースの自動削除を有効にするかどうか

boolean

false

validation

表单组件校验设置,具体使用详见表单校验文档

Validation[]

[]

value

現在のコンポーネントのデフォルト値

string

-
wrapperColOffset

设置表单组件的偏移位置,设置值为栅格值,1代表1/24

number

0

wrapperColSpan

设置表单组件的占位宽度,设置值为栅格值,1代表1/24

number

0

この文書は機械翻訳により生成されています。翻訳により生じた齟齬や相違点は拘束力を持たず、コンプライアンスや執行目的において法的効力はありません。
© DingTalk (Singapore) Private Limited