react指定项单条删除 e.target

最新推荐文章于 2024-05-27 22:56:36 发布

西柚要努力

最新推荐文章于 2024-05-27 22:56:36 发布

阅读量457

点赞数

分类专栏：心得文章标签： reactjs

本文链接：https://blog.csdn.net/qq_43676606/article/details/103497426

版权

在React应用中遇到一个问题，尝试使用e.target.index获取元素索引来实现单条删除功能，但发现返回值为undefined。文章探讨了这个问题的原因及解决方法。

摘要由CSDN通过智能技术生成

在这里插入图片描述

    clearHistory(e) {
        //删除全部历史记录
        // localStorage.removeItem('historyItems');

        //删除单条历史记录
        const i=e.target.getAttribute('index');
        console.log(i)
        const list = this.state.carHistory;
        console.log(list)
        list.length>0&&list.splice(i, 1);
        console.log(list,typeof list)
        console.log(list[0])
        localStorage.setItem('historyItems',list);

        //读取历史记录
        // const data = localStorage.getItem('historyItems');
        // console.log(data);
    }

     <ul style={
  { overflow:'hidden', display: 'flex',flexWrap:'wrap'}}  onClick={this.carLicense}>
                                {this.state.carHistory&&this.state.carHistory.length>0?this.state.carHistor