react，引入antd mobileV5.22，对List列表的删除效果如何实现？

[ken428965]

已写的代码：

import { CloseCircleOutline } from 'antd-mobile-icons'
const Favorite = () => {
  const [favorite, setFavorite] = useState([])
API.get(`/user/favorites`).then(res => {
      setFavorite(res.data.body)
    })
  const deleteFavorite = (e) => {
    let index = e.target.getAttribute("data-index")
    favorite.splice(index, 1, "")
    setFavorite(favorite)
  }
  return (<>
      <div className={styles.root}>
      {/* 房屋列表 */}
      <List>
        {favorite.map((item) => (
          <List.Item 
            key={item.desc} 
            prefix={<Image src={BASE_URL + item.houseImg} style={{ borderRadius: 0 }} fit='cover' width={80} height={80}/>} 
            title={item.title}
            description={item.price + '元/月'} 
            onClick={()=>navigate(`/detail/${item.houseCode}`)}
            arrow={false}>
              <div className={styles.desc}>{item.desc}</div>
              </div>
              <span className={styles.delete} data-index={item.index} onClick={(e)=>{e.stopPropagation();deleteFavorite()}}><CloseCircleOutline /></span>
          </List.Item>
        ))}
      </List>
    </div>
  )
}

点击删除图标后，浏览器显示此处的target未定义：

const deleteFavorite = (e) => {
    let index = e.target.getAttribute("data-index")
    favorite.splice(index, 1, "")
    setFavorite(favorite)
  }
 

请问以上代码这样写有哪些地方写得不对？请展示代码举例说明，谢谢。