React 点击删除列表中对应项（React 获取DOM中自定义属性）

要实现点击删除列表中对应项的功能，可以首先在列表项中添加一个自定义属性，用于标识该项的唯一性。例如，可以给每个列表项添加一个id属性：

<ul>
  {list.map(item => (
    <li key={item.id} data-id={item.id} onClick={handleDelete}>
      {item.title}
    </li>
  ))}
</ul>

在点击事件中，可以通过event.target获取到被点击的元素，从而获取到该元素的自定义属性值。代码示例如下：

function handleDelete(event) {
  const id = event.target.getAttribute('data-id');
  // 根据id删除对应的列表项
}

然后，根据获取到的id值，可以执行删除操作。具体实现方式根据具体情况而定，可以使用React的状态管理工具（如useState、useReducer等）来管理列表数据，并在删除时更新状态。