首页 > 解决方案 > 反应redux表单复选框`defaultChecked`不起作用

问题描述

<Field
   defaultChecked={ true }
   onChange={ this.handleFormItemRadio }
   component={ "input" }
   type={ "checkbox" }
   name="tAdmin"
/>

初始化该字段时,我希望它被选中,但即使我提供了一个true值,它也会呈现为未选中状态。

我被指出了许多解决方案,但仍然无法解决这个问题。

标签: reactjscheckboxreact-redux-form

解决方案


根据文档,规定的方法是设置initialValues

<Field
   onChange={this.handleFormItemRadio}
   component="input"
   type="checkbox"
   name="tAdmin"
/>

...

export default reduxForm({
  form: 'simple', // a unique identifier for this form
  initialValues: { tadmin: true },
})(SimpleForm);

这是一个 CodeSandbox示例


推荐阅读