antd-mobile中Checkbox.Group如何控制全选
时间: 2023-05-12 08:06:59 浏览: 113
ant-design-mobile-5.28.1.zip
Checkbox.Group提供了一个属性叫做"options",可以传入一个数组,数组中每个元素都是一个对象,包含"value"和"label"两个属性。如果想要实现全选,只需要将所有选项的"value"属性放入一个数组中,然后将这个数组赋值给Checkbox.Group的"value"属性即可。例如:
```
import { Checkbox } from 'antd-mobile';
const options = [
{ value: 'apple', label: 'Apple' },
{ value: 'banana', label: 'Banana' },
{ value: 'orange', label: 'Orange' },
];
function onChange(value) {
console.log(value);
}
<Checkbox.Group options={options} onChange={onChange} value={['apple', 'banana', 'orange']} />
```
在上面的例子中,Checkbox.Group的"value"属性被设置为一个包含所有选项"value"属性的数组,即['apple', 'banana', 'orange'],这样就实现了全选的功能。
阅读全文