jaredpalmer/formik

Array-helper `insert` adds value to error state

Open

#1,092 建立於 2018年11月8日

在 GitHub 查看
 (5 留言) (3 反應) (0 負責人)TypeScript (34,255 star) (2,801 fork)batch import
Priority: MediumType: Bughelp wantedpinned

描述

🐛 Bug report

Current Behavior

When i add an item to a FieldArray using insert the value is also inserted into the errors state (see example below).

Expected behavior

Only insert the value to the values state, not to the errors state.

Reproducible example

https://codesandbox.io/s/v87n4p6023

Your environment

Software Version(s)
Formik 1.3.1
React 16.5.2

貢獻者指南

技術棧
typescriptreact
領域
frontend
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
under 1 hour
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
fresh
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
mostly clear
前置要求
Basic knowledge of ReactFamiliarity with Formik's FieldArray
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
70
研究方向
The bug is that the `insert` method in Formik's FieldArray incorrectly adds the value to the errors state. Start by examining the `insert` function in `packages/formik/src/FieldArray.tsx`. Look at how it updates both values and errors; it likely uses `setIn` or similar helpers. The fix should ensure `insert` only updates values, not errors. The provided CodeSandbox (https://codesandbox.io/s/v87n4p6023) reproduces the issue. Check the existing comments for any additional clues or attempted fixes.