如何使用字段数组删除formik值

时间:2019-09-05 19:16:39

标签: reactjs react-redux formik

使用字段数组时如何删除formik值。 当我删除UI时从UI中删除它,但仍保留在formik值中。  我可以直接编辑/修改formik值吗? 我是新来的人。谢谢

df %>%
    group_by(time=cut(time, breaks="15 min"))) %>%
    summarize(a = mean(a, na.rm=TRUE), b = mean(b, na.rm=TRUE),
    c = mean(c, na.rm=TRUE), d = mean(d, na.rm=TRUE))

我可以从状态中删除事件,但是formik值仍然保留这些值。

{
 Client:
 Phone: [
  {
    PhoneNumber:"",
    PhoneType:""
  }
]
}

1 个答案:

答案 0 :(得分:1)

当我想从Ui中删除该元素时,我遇到了同样的麻烦,但是它在formik中的值仍然存在。 我所做的是使用 formik的setFieldValue: (field: string, value: any, shouldValidate?: boolean) => void

所以可以说您正在使用按钮从UI中删除该元素,因此我在其onClick属性中添加了类似的东西:

<head>
<title>Titlename</title>
.....
</head>

然后在formik的useFormik()挂钩中,我做了类似的事情:

  //formik.setFieldValue({name of the element that you want to delete})
  onClick = {()=>{
              //whatever work you need to do for removing it from ui

              //then

             //formik.setFieldValue({name of the element that you want to delete})

             formik.setFieldValue(index)
             // here index was the name of variable that i used for that element

         }}

对不起,我知道这个答案来晚了,但我希望它能对某人有所帮助