我无法删除一排react-final-form-array，并且重置后无法正常工作

Question

遍历此代码并添加客户并将其删除。它给出了一个错误。

https://codesandbox.io/s/array-fields-7x1n3

Answer 1

这样定义

<span
    onClick={() => deleteIt(index)}>
     ❌
 </span>

功能代码

const deleteIt=index=>{
    console.log(index)
  }

Answer 2

我设法通过使您的remove span标签像这样来使其工作：

<span type="button"
      onClick={() => fields.remove(index)}
      style={{ cursor: "pointer" }}> 
❌ 
</span>

基本上，我将span设为button。我认为问题在于validator的{​​{1}}的定义，也许与final-form-arrays和span button事件之间的区别有关，但是我不确定。