如何使用独立的行/列呈现表

Question

我是ReactJS的新手，我试图动态删除表中的特定行。

我已经完成了删除功能，并且效果很好，但是由于我没有在渲染功能中使用任何唯一的修饰符，它只会删除最后一行（不是指定的行）

class Squares extends React.Component {
  state = {
    columns: [...Array(10)],
    rows: [...Array(10)]
  }
  cCol = () => this.state.columns.map((i) => <td key={i}></td>)
  cRow = () => this.state.rows.map((i) => <tr key={i}>{this.cCol()}</tr>)
  dRow = () => {
    n = 2
    let array = this.state.rows
    array.splice(n, 1)
    this.setState({rows: array})
  }

  render () {
    return (
      <table>
        <tbody>
          {this.cRow()}
        </tbody>
      </table>
      <button onClick={this.dRow}>
    )
  }
}

如何使其正确呈现数组？