Formik单选框不可选择

Question

我有一个带有带有InitialValues的Formik的React组件，其他组件都可以正常工作，除了下面的单选框。

无法选择单选框，这可能是错误吗？

<Field
                            name="accountPurpose"
                            render={({ field }) => (
                              <>
                                <div className="radio-item">
                                  <input
                                    {...field}
                                    id="all"
                                    value="all"
                                    checked={field.value === "all"}
                                    name="type"
                                    type="radio"
                                  />
                                  <label htmlFor="all"> All</label>
                                </div>

                                <div className="radio-item">
                                  <input
                                    {...field}
                                    id="distribution"
                                    value="distribution"
                                    name="type"
                                    checked={field.value === "distribution"}
                                    type="radio"
                                  />
                                  <label htmlFor="distribution">
                                    Distribution
                                  </label>
                                </div>
                                <div className="radio-item">
                                  <input
                                    {...field}
                                    id="redemption"
                                    value="redemption"
                                    name="type"
                                    checked={field.value === "redemption"}
                                    type="radio"
                                  />
                                  <label htmlFor="redemption">
                                    {" "}
                                    Redemption
                                  </label>
                                </div>
                              </>
                            )}
                          />

Answer 1

从所有输入中删除checked={field.value ===...}，仅使用defaultChecked。