Formik 单选框不可选择

Question

我有一个使用 Formik 和 initialValues 的工作 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。

喜欢下面

        <input
          id="all"
          value="all"
          name="type"
          type="radio"
          defaultChecked
          {...field}
          />

Formik 单选框不可选择

Formik radio box not selectable

forms

reactjs

formik