antd,react 保存多行(动态加)select数据,如何实现有序存储?

如下图,动态增加整行下拉选框select,保存值,提交表单.现在用<Select onChange={this.onChange}>方法绑定,能获取每一个select选值.
问如何保存在一个list里,最终提交.结构如下图.

如下这样,可以保存每一个select值,如何有序保存?用户可能反复操作,也就是一个select可能重复选几次.

 const selectMap= []
  onChange = (value) => {
    this.selectMap.push({

    })
  }

Screenshot from 2020-01-15 11-48-10.png

阅读 4.3k
1 个回答

图中显示的每一行有3个select,通过数组list来存放每一行select的值
list里面 每次新增加一个字段,就push一次
list.push({

name1:xx,
name2:xx,
name3:xx

})

修改的时候,可以获取到每行的index
然后利用数组的splice方法
list.splice(index,新的值)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题