【问题标题】:React redux Form checkbox `defaultChecked` not working反应redux表单复选框`defaultChecked`不起作用
【发布时间】:2019-02-25 18:47:09
【问题描述】:
<Field
   defaultChecked={ true }
   onChange={ this.handleFormItemRadio }
   component={ "input" }
   type={ "checkbox" }
   name="tAdmin"
/>

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

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

【问题讨论】:

  • 你用的是什么版本的 redux-form?
  • @Mrchief "redux-form": "^7.4.2"

标签: reactjs checkbox react-redux-form


【解决方案1】:

根据docs,规定的方式是设置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 example

【讨论】:

  • 显然这对我有用。再多询问一下,我的表单有几个带有动态 true Or False 的字段(来自道具),我不希望将每个字段名称提供给 initialValues 。应该有一些方法来简化它
  • 在这种情况下发布您的完整样本。您可能必须滚动自己的复选框字段。
猜你喜欢
  • 1970-01-01
  • 2020-10-07
  • 2012-07-04
  • 2020-04-27
  • 2020-12-22
  • 1970-01-01
  • 2020-09-11
  • 2017-10-11
  • 1970-01-01
相关资源
最近更新 更多