react 删除怎么获取到table表单中的id 去绑定

在React中，可以使用事件处理程序获取到被点击行的ID，并将其传递给父组件进行处理。以下是一个示例：

class MyTable extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      data: [
        { id: 1, name: '张三', age: 25 },
        { id: 2, name: '李四', age: 30 },
        { id: 3, name: '王五', age: 28 },
      ]
    };
    this.handleDelete = this.handleDelete.bind(this);
  }

  handleDelete(id) {
    const newData = this.state.data.filter(item => item.id !== id);
    this.setState({ data: newData });
  }

  render() {
    return (
      <table>
        <thead>
          <tr>
            <th>ID</th>
            <th>姓名</th>
            <th>年龄</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          {this.state.data.map(item => (
            <tr key={item.id}>
              <td>{item.id}</td>
              <td>{item.name}</td>
              <td>{item.age}</td>
              <td>
                <button onClick={() => this.handleDelete(item.id)}>删除</button>
              </td>
            </tr>
          ))}
        </tbody>
      </table>
    );
  }
}

在这个示例中，表格的每一行都有一个删除按钮，点击按钮时会调用`handleDelete`方法，并将被点击行的ID作为参数传递进去。`handleDelete`方法使用`filter`函数过滤掉ID等于传入参数的数据项，并更新表格数据的状态。在渲染表格时，使用`map`函数遍历表格数据，并为每一行的删除按钮绑定`onClick`事件，事件处理程序调用`handleDelete`方法并传递当前行的ID。