reactjs - 我无法删除 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>

基本上我做了spana button。我认为问题在于 of 的定义validator，final-form-arrays也许是span和button onClick事件之间的区别，但我不确定..