antd CheckboxGroup无法选中

Question

onRoleChange = (roleList) => {
     this.setState({
            roleList,
     });
 }
 
const rolel = this.props.userList.roleList.map((val) => { return { label: val.srName, value: val.srId } })
const defaultList = this.state.role.map((val) => { return val.srId })   
<CheckboxGroup options={rolel} value={defaultList} onChange={()=>this.onRoleChange()}/>

Answer 1

const rolel = this.props.userList.roleList.map((val) => { return { label: val.srName, value: val.srId } })
//rolel [{label:..,value:..},{label:..,value:..}...]
const defaultList = this.state.role.map((val) => { return val.srId })  
// rolel 的子项是不存在srId 属性的，被你改为value了

Answer 2

CheckboxGroup 的value是 string[] 参考