相关疑难解决方法(0)

在 Formik 中设置单选按钮组的初始值

我正在使用名为 Formik (2.1.5) 的最新版本的反应表单库。

这非常好,但我在初始加载时遇到了单选按钮组的问题。

当我第一次加载表单时,我设置了一堆初始值。

当我执行 console.log 并且所有数据都在那里时,我可以看到它们。

我的输入字段和文本字段完美地加载了初始值。

但我的单选按钮组没有显示应选择哪个单选按钮。

这是我的单选按钮组代码:

<label htmlFor="radioGroup" style={{ display: "block" }}>
    Character Race
</label>
<label>
    <Field type="radio" name="charRace" value="1" />
    Human
</label>
<label>
    <Field type="radio" name="charRace" value="2" />
    Elf
</label>
<label>
    <Field type="radio" name="charRace" value="3" />
    Dwarf
</label>
Run Code Online (Sandbox Code Playgroud)

当表单加载时,以下是初始值:

<Formik
    initialValues={{
        charId: id,
        charName: name,
        charClass: class,
        charRace: race
        charAge: age,
        charRegion: region
    }}
    
Run Code Online (Sandbox Code Playgroud)

现在,当表单加载时,charId、charName、charClass、charAge 和 charRegion 字段均已正确填写。

当我对这些值执行 console.log 时,我会看到它们全部......例如:

charId: 3728,
charName:  Jeriod,
charClass: Wizard,
charRace: 1,
charAge:  34,
charRegion: North …
Run Code Online (Sandbox Code Playgroud)

reactjs formik

4
推荐指数
1
解决办法
8486
查看次数

标签 统计

formik ×1

reactjs ×1