---
title: WKRadioItem 单选

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

## 何时使用

表单区单选。

## 基本使用

```tsx
/**
 * title: 基本使用
 * desc: 基本使用方法
 */
import React from 'react';
import { WKForm, WKRadioItem, WKView } from '@wakeapp/components';
import PageWrapper from '../PageWrapper';
const hobbyArr = [
  { label: '乒乓球', value: 0 },
  { label: '篮球', value: 1 },
  { label: '足球', value: 2 },
  { label: '排球', value: 3 },
];
export default () => {
  return (
    <PageWrapper title="基本使用">
      <WKView style={{ width: '100%' }}>
        <WKForm className="w-screen">
          <WKRadioItem
            label="爱好"
            placeholder="请输入个人爱好"
            options={hobbyArr}
            path={'hobby'}
            formItemStyle={{ width: '99vw' }}
          />
        </WKForm>
      </WKView>
    </PageWrapper>
  );
};
```

# API

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