1.0.3 • Published 5 years ago
@ozo/radio v1.0.3
单选列表(移动端)
@ozo/radio
单选列表for移动端
Radio 组件用法
Radio 组件包括 RadioGroup、Radio 两个子组件,需要配合使用。
RadioGroup 具有三个属性
- name:必须,RadioGroup 的 name,用于对 Radio 进行分组
- selectedValue:必须,RadioGroup 数据回填的对应字段
- onChange:RadioGroup 值变化是触发的函数
Radio 具有两个属性
- value:必须,按钮选中所对应的值
- disabled:按钮是否禁用
用法
- 在需要引用 Radio 的页面或组件中引入组件
import { RadioGroup, Radio } from "../../components/Radio";
- 在需要引用 Radio 的页面或组件中添加状态:
this.state = {
selectedValue : 'React'
}
mobx 等状态管理放到对应的 store
- 在需要引用 Radio 的页面或组件中添加选中 Radio 子项后的回调方法
handleChange(value, index, event){
console.log('change');
console.log(value);
this.setState({selectedValue:value});
}
- jsx 部分引入以下结构
<RadioGroup name="platform" selectedValue={this.state.selectedValue} onChange={this.handleChange}}>
<Radio value="1" disabled="true">React</Radio>
<Radio value="2">VUE</Radio>
<Radio value="3">jQuery</Radio>
</RadioGroup>
Radio 组件的位置可以不是直接子元素。
API
参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
---|---|---|---|---|---|