antd checkbox 默认选中_antd - ant design ,CheckboxGroup 全选问题

问 题

如何实现全选？控件是通过数据循环出来的。

代码：

const { Checkbox } = antd;

var testList = {

'data': [

{

'lable': '组一',

'value': 1,

'action': [

{

'label': '组一1',

'value': 11

}, {

'label': '组一2',

'value': 12

}

]

}, {

'lable': '组二',

'value': 2,

'action': [

{

'label': '组二1',

'value': 21

}, {

'label': '组二2',

'value': 22

}

]

}

],

'code': 1,

'message': '获取成功!'

};

const CheckboxGroup = Checkbox.Group;

const handleGroupChange = (checklist) => {

console.clear();

console.log(checklist);

}

ReactDOM.render(

{testList.data.map((item,key) => {

return(

{item.lable}

);

})}

, mountNode);

解决方案

把 checklist 作为 state 来管理

扫一扫关注IT屋

微信公众号搜索 “ IT屋 ” ，选择关注与百万开发者在一起