在react中使用react-checkbox-group禁用单个复选框

Question

我用它来创建一个复选框组： https://github.com/ziad-saab/react-checkbox-group

我需要禁用生成的第一个复选框。 有没有人知道要做的道具？

我试过了：

<label><Checkbox value={i} disabled /> {passo.title}</label>
<label><Checkbox value={i} disabled={true} /> {passo.title}</label>
<label><Checkbox value={i} disabled=true /> {passo.title}</label>

Answer 1

我猜你想要同时检查和禁用复选框。可以通过将要检查的值作为数组传递给value组件的CheckboxGroup属性来完成，如下所示

<CheckboxGroup name="passos" value={[0,1]} onChange={this.passosChanged}>

我使用的值为{[0,1]}。并且在将disabled传递到<Checkbox>组件之前已经过了规定。在下面附加CodeSample链接。

https://codesandbox.io/s/kwy7x46mjr

如果我错过了什么，请多说明一点！