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

Question

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

当我处理更新函数时，空字段将前一条记录的值保留在它们不为空的位置。

例如：

{
    "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 ?? ""}