按钮组件

@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>

开发人员

huhai@beisen.com