antd 如何在CheckboxGroup里对每个checkbox的disabled状态进行控制？

Question

我在做一个投票的界面，在做多选的时候需要限制选中的选项的数量，
比如最多投两票，则当5个checkbox有2个被选中时，其他的选项都被disable了.

为什么当选中数量到达阈值的时候，所有的checkbox都被禁用了，怎么改才能让那些未被选中的checkbox被禁用？

我试过

that.state.checked||that.state.checkboxNum > that.props.limit ? true : false

这样的写法，但是that.state.checked是Class Checkbox2的状态，不是单个checkbox是否被check了的状态。
有谁能教一下？

Answer 1

handleChange的改为

handleChange = (value) => {
    this.setState({
        value,
    });
}

然后Checkbox改为

disabled={!(value.includes(item.content) || value.length < this.props.limit)}