«组件正在更改要控制的复选框类型的不受控制的输入。»对于带有Formik的复选框的警告

Question

我尝试将formik与自动生成的表单一起使用。 但是当有复选框时，我会收到警告：

  

警告：组件正在更改要控制的复选框类型的不受控制的输入。输入元素不应从不受控制切换为受控制（反之亦然）。

触摸它们时。 对于其他字段，可以使用母乳成分的初始值求解。 但是复选框不应该具有初始值。 怎么解决？

Answer 1

好吧，您似乎应该拥有initialValue并带有每个字段的名称，并为每个输入复选框设置false / true。

Answer 2

几件事：

1. 如前所述，请确保您的initialValue对象包含用于创建复选框（或单选按钮）的数组的键。
2. 确保该键被引用为name =字段的道具
3. 对于每个复选框/无线电条目，由于此输入类型只能具有值“ True”或“ False”，因此请确保将prop checked设置为布尔值-而不是“ true”值（例如字符串，数字或对象）。因此，请不要这样做：checked={someArray.find(x....)}请这样做：{!!someArray.find(x....)}