首页 > 解决方案 > Redux-form 字段数组,删除函数抛出一个奇怪的错误

问题描述

这是我的场景,

我有一个对象数组,我通过 redux-form 字段数组显示,看起来像

  [{
    index: 0,
    overlapRecord: '127.0.0.1'
  },
  {
    index: 1,
    overlapRecord: '127.0.0.1'
  }],

我的代码类似于

<div className = "delete" onClick = {()=>field.remove(index)}> DeleteButton </div>

当我尝试执行 On Click 时,出现以下错误:

"Cannot use 'in' operator to search for 2 in" at deleteInWithPath.

任何关于错误原因的想法都将受到高度赞赏。

堆栈跟踪: 在此处输入图像描述

标签: javascriptarraysreactjsreduxredux-form

解决方案


您需要给 on click 事件一个回调 Like

onclick={
 ()=>{
      field.remove(index)
     }
}

推荐阅读