Reduxフォーム - デフォルト値のチェックボックスを無効に設定してください

Question

この構造が正しいかどうかを確認したいと思います。

チェックボックスのデフォルト値を設定する必要があるので、checked = {input.value}を使用しました。私はまた、私は無効になっ小道具渡されましたが、それが無効に設定する必要があります。

// Using the Checkbox component 
<Field 
    name="completed" 
    label="Completed" 
    disabled={this.props.disableCompleted} 
    component={Checkbox} 
/> 

function Checkbox({ input, label, disabled }) { 
    return (
    <div className="form-group"> 
     <label className="mt-checkbox"> 
     <input 
      type="checkbox" 
      disabled={disabled} 
      checked={input.value} 
      {...input} /> {label} 
     <span></span> 
     </label> 
    </div> 
); 
} 

これを行うに任意のより良い方法はありますか？

Answer 1

チェックボックスを有効または無効にするための実装は正しいです。

チェックボックスのデフォルトのチェック値を表示するには、defaultCheckedを使用する必要があります。あなたの例では、inputの値をCheckboxに渡すことはありません（私はdisabledとlabelしか見ることができません）。あなたがいて、ブール値であることを確認してください。それから、あなたは行くのが良いはずです。