级联选择器 <Experimental></Experimental> TreeSelect <Experimental></Experimental>

<Alert type="error"> 此组件即将重写，请尽量不要使用。 </Alert>

安装

npm install antd-mobile@5.43.0

antd-mobile 是移动网页组件库，不是 React Native 或小程序组件。React 19 项目需在入口用 unstableSetRender 注册 createRoot，否则 Toast、Dialog 等命令式 API 无法渲染；深色模式通过 <html data-prefers-color-scheme="dark"> 切换。

示例来自 Ant Design Mobile 官方仓库（MIT），固定在 npm 5.43.0 对应的提交；示例中的 DemoBlock 等展示辅助组件由 JGuang 重写，不属于 antd-mobile 的 API。

<Alert type="error"> 此组件即将重写，请尽量不要使用。 </Alert>

示例

TreeSelect

属性

TreeSelect

type TreeSelectOption = {
  label: string
  value: string
  children?: TreeSelectOption[]
}

参数	说明	类型	默认值
defaultValue	默认选中项	`string[]`	`[]`
fieldNames	自定义 `options` 中 `label` `value` `children` 的字段	`{ label?: string; value?: string; children?: string }`	`{}`
onChange	`value` 变化时触发	`(value: string[], extend: { options: TreeSelectOption[] }) => void`	-
options	级联数据	`TreeSelectOption[]`	`[]`
value	选中项	`string[]`	`[]`