基础组件 Switch 封装 <Input type="checkbox" />
组件
<Switch
value="basic"
label={!!~this.state.checkboxGroupValue.indexOf("label") ? "基本测试用例" : null}
onChange={this.handleCheckboxChange}
checked={this.checkboxChecked("basic")}
className={!!~this.state.checkboxGroupValue.indexOf("color") ? styles.wrapper : ""}
disabled={!!~this.state.checkboxGroupValue.indexOf("disable")}
/>
--switch-checked-color: red;
--switch-text-color: black;
参数名 | 类型 | 必选 | 默认值 | 描述 |
---|---|---|---|---|
label | string | × | 无 | 说明文本 |
checked | boolean | × | false | 选中状态 |
children | string | × | 无 | label 中包裹子节点 |
className | string | × | 无 | 根节点附加类名 |
disabled | boolean | × | 无 | 禁止操作 |
name | string , number | × | 无 | input name 属性 |
onChange | function | × | 无 | 切换回调 参数为 已经选中的 value 值 |