antd 中CheckBoxGroup的值改变了，为什么内部checkbox的状态不变？

Question

伪代码

const list = 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={list} defaultValue={defaultList} onChange={()=>this.onRoleChange()}/>

我看了list和defaultList 都是有值的 但是当defaultList 改变的时候 内部checkbox的checked状态不会改变？？

Answer 1

this.state.role应该是有个初始值[],所以默认是空，defaltValue是默认值，只会第一个之生效。你应该用组件的prop：value

Answer 2

defaultValue 与value 傻傻分不清 ^_^