当初始值为 null 时，Formik 不会重新初始化

Question

我正在使用 React 构建应用程序并使用 Formik 处理表单。

当我使用 Update 函数时，null 字段会保留它们不为 null 的前一条记录的值。

例如：

{
    "firstName": "John",
    "lastName": "Green"
},
{
    "firstName": "Angela",
    "lastName": null
},
{
    "firstName": "David",
    "lastName": "Blue"
}

当我依次打开 John 和 Angela 时，她的姓仍然显示为 Green。如果我返回索引页面并再次打开 Angela，它会正确显示。

我已经添加了enableReinitialize: true。

是否有正确的方法来处理空值？

Answer 1

您可以使用 null 合并运算符来传递空字符串而不是 null。

value={values.nullProperty ?? ""}

当初始值为 null 时，Formik 不会重新初始化

Formik doesn't reinitialize when initial value is null

formik