按钮组件

@beisen-phoenix/radio

概述

一个简单的Radio单选组件。

API

| 参数 | 说明 | 类型 | 默认值 | 是否必传 | | --- | --- | --- | --- | --- | | label | Radio的文字说明 | (string、number、React.ReactNode) | - | No | | value | Radio的值 | string、 number | - | Yes | | checked | 是否选中该Radio（用于完全受控） | boolean | - | No | | defaultChecked | 是否初始选中(常用于非受控状态) | boolean | - | No | | disabled | 禁用radio，不可操作radio | boolean | - | No | | extraCls | 生成的dom节点的后缀class,一般用于覆盖组件默认样式使用| string | 无| 否 | | onChange | Radio 发生状态变化后的回调 | (data: RadioData,event) => void | - | No | minWidth | 最小宽度：图标加文字宽度（有label时使用） | string | - | No | | maxWidth | 最大宽度：图标加文字宽度（有label时使用） | string | - | No | | fontSize | 文字大小 normal、 middle | string | 'normal' | 否 | | textColor | 文字颜色 M1 、M2、 M3 、M4 、M5 | string | 'M3' | 否 |

方法

组件提供一个getValue方法来获取当前Radio的值，您可以使用ref来调用

this.RadioComponent.getValue()

返回值的格式为

{
    label: string | number | React.ReactNode,
    value: string | number,
    checked: boolean
}

tips: 2种不同的label传递方式

          <Radio value={11} label="选项11" />

          <Radio value={11}> 选项11</Radio>

开发人员

[email protected]