# TreeSelect <Experimental></Experimental>

- Page: https://jiguang132.com/resources/ant-design-mobile/docs/tree-select
- Resource: Ant Design Mobile (https://jiguang132.com/resources/ant-design-mobile.md)
- All guides: https://jiguang132.com/resources/ant-design-mobile/docs.md

<Alert type="error">
This component is going to be rewritten. Please don't use it.
</Alert>

## Install

```bash
npm install antd-mobile@5.43.0
```

antd-mobile is for mobile web, not React Native or Mini Programs. React 19 projects must register `createRoot` with `unstableSetRender` at the entry, or imperative APIs such as Toast and Dialog cannot render. Switch dark mode with `<html data-prefers-color-scheme="dark">`.

Examples come from the official Ant Design Mobile repository (MIT) at the commit published as npm 5.43.0. Presentation helpers such as `DemoBlock` are JGuang rewrites, not antd-mobile APIs.

<Alert type="error">
This component is going to be rewritten. Please don't use it.
</Alert>

## Demos

## TreeSelect

### Props

### TreeSelect

```typescript | pure
type TreeSelectOption = {
  label: string
  value: string
  children?: TreeSelectOption[]
}
```

| Name | Description | Type | Default |
| --- | --- | --- | --- |
| defaultValue | Selected options by default | `string[]` | `[]` |
| fieldNames | The customized fields of `label` `value` `children` in `options` | `{ label?: string; value?: string; children?: string }` | `{}` |
| onChange | Triggered when `value` is changed | `(value: string[], extend: { options: TreeSelectOption[] }) => void` | - |
| options | Cascaded data | `TreeSelectOption[]` | `[]` |
| value | Selected options | `string[]` | `[]` |

---

Index of all JGuang resources: https://jiguang132.com/llms.txt