Redux Form - Checkbox with a default value and set it to be disabled
<p>I'd like to confirm if this structure is right. </p>

<p>I need to set default value for the checkbox, so I've used the checked={input.value}. I also need to set it to be disabled, then I've passed the disabled prop:</p>

<pre><code>// Using the Checkbox component  
&lt;Field
  name="completed"
  label="Completed"
  disabled={this.props.disableCompleted}
  component={Checkbox}
/&gt;

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

<p>Is there any better way to do this?</p>