Я хотел бы подтвердить правильность этой структуры.
Мне нужно установить значение по умолчанию для флажка, поэтому я использовал 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>
);
}
Есть ли лучший способ сделать это?
Ваша реализация для включения/выключения флажка верна.
Для отображения значения флажка по умолчанию необходимо использовать
defaultChecked
флажок . В вашем примере вы не передаетеinput
значениеCheckbox
(я вижу толькоdisabled
andlabel
). Убедитесь, что это так и что это логическое значение. Тогда вы должны быть хорошо идти.