Redux Form — установите флажок со значением по умолчанию и отключите его

Я хотел бы подтвердить правильность этой структуры.

Мне нужно установить значение по умолчанию для флажка, поэтому я использовал checked={input.значение.} I also need to set it to be disabled, then i’ve passed the disabled prop:

// 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>
  );
}

Есть ли лучший способ сделать это?

1 ответ

  1. Ваша реализация для включения/выключения флажка верна.

    Для отображения значения флажка по умолчанию необходимо использовать defaultCheckedфлажок . В вашем примере вы не передаете inputзначение Checkbox(я вижу только disabledand label). Убедитесь, что это так и что это логическое значение. Тогда вы должны быть хорошо идти.