Antd-mobile——Picker选择器

2,649 阅读1分钟

属性

说明

类型

默认值

data

数据源

Array<{value, label, children: Array}>

value

值, 格式是[value1, value2, value3], 对应数据源的相应级层value

Array

format

格式化选中目标的函数

(labels: React.ReactNode[]): any

if label is string: (labels) => { return labels.join(',');} else: (labels) => { return labels;}

cols

列数

Number

3

onChange

选中后的回调,可使用rc-form

(val): void

onPickerChange

每列数据选择变化后的回调函数

(val): void

onVisibleChange

当显隐状态变化时回调函数

(visible: bool): void

itemStyle

每列样式

Object

indicatorStyle

indicator 样式

Object

children

通常是 List.Item

Object

List.Item

okText

选中的文案

String

确定

dismissText

取消选中的文案

String

取消

onOk

点击选中时执行的回调

(val): void

onDismiss

点击取消时执行的回调

(): void

title

大标题

String

extra

Picker children 建议是 List.Item, 如果不是,需要是自定义组件(组件内需处理onClick/extra属性)

String

请选择

disabled

是否不可用

Boolean

false

cascade

是否联动

Boolean

true