首页 / REACT / react 表单项动态删除，删掉的是最后一个,因为index

react 表单项动态删除，删掉的是最后一个,因为index

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了react 表单项动态删除，删掉的是最后一个,因为index，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含620字，纯文字阅读大概需要1分钟。

内容图文

项目中有一个动态添加、删除时间选择框

每次点击删除都会把最后一个删掉,查了百度都说是key的问题，对比了下，最终的问题在index，把name={`time${index}`},改为name={`time${item.id}`}

所以在遍历后，不要把index用于元素个项的识别上，例如：key name等

            {
                      timeList.map((item, index) => (
                          <FormItem
                          key={item.id}
                            label={index === 0 ? ‘时间‘ : ‘‘}
                            {...formItemLayout}
                            wrapperCol={index === 0 ? null : {offset: 3}}
                            required
                            requiredMessage="请选择时间">
                              <TimePicker
                              name={`time${index}`}
                              defaultValue={item.time}
                              />
                              <Icon type="minus" className="del-icon"  onClick={() => delTimeList(index, item)}/>
                              </FormItem>
                          )
                      )
                    }

 

原文：https://www.cnblogs.com/zhuangcui/p/12714714.html

内容总结

以上是互联网集市为您收集整理的react 表单项动态删除，删掉的是最后一个,因为index全部内容，希望文章能够帮你解决react 表单项动态删除，删掉的是最后一个,因为index所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1182580.html

来源：【匿名】