---
title: WKPickerMultiSelectorItem 多级 picker 选择

group:
  title: 表单
  path: /form/WKForm/
---

## 何时使用

多级 picker 选择器。

## 基本使用

```tsx
/**
 * title: 基本使用
 * desc: 基本使用方法
 */
import React from 'react';
import { WKForm, WKPickerMultiSelectorItem, WKView } from '@wakeapp/components';
import PageWrapper from '../PageWrapper';

const options = [
  [
    { label: '周一', value: 1 },
    { label: '周二', value: 2 },
    { label: '周三', value: 3 },
    { label: '周四', value: 4 },
    { label: '周五', value: 5 },
    { label: '周六', value: 6 },
    { label: '周日', value: 7 },
  ],
  [
    { label: '上午', value: 1 },
    { label: '下午', value: 2 },
  ],
];

export default () => {
  return (
    <PageWrapper title="基本使用">
      <WKView style={{ width: '100%' }}>
        <WKForm className="w-screen">
          <WKPickerMultiSelectorItem
            label="爱好"
            placeholder="请选择个人爱好"
            options={options}
            path="hobby"
            formItemStyle={{ width: '99vw' }}
          />
        </WKForm>
      </WKView>
    </PageWrapper>
  );
};
```

# API

<API src='@wakeapp/components/WKForm/index.d.ts' hideTitle exports='["WKPickerMultiSelectorItem"]' ></API>
