React antd 表扩展行渲染

Question

我需要一些帮助。

我的 React.Component 中的 antd 表上有一个数据源。在该表上，我设置了属性 expandRowRender：

  <Table
    bordered
    size="small"
    columns={columns}
    rowKey={record => record.id}
    expandedRowRender={record => (
      <ProductDetailView
        record={record}
        onChange={this.OnCoverageProductNumberChanged()}
      />
    )}
    dataSource={products}
    pagination={this.state.pagination}
    loading={this.props.isProductsLoading}
    onChange={this.handleChange}
  />

当前正在向作为 react.component 的 ProductDetailView 发送记录。我想知道如何将行索引也发送到 onChange 事件，以便跟踪我正在查看的行。

我希望这是足够的信息，基本上我只需要知道如何将行索引发送到我的 onChange 事件。

提前谢谢你。

Answer 1

第二个变量

expandedRowRender={(record, i) => <p>{i}</p>}

是行索引

你可以这样传下去

expandedRowRender={(record, i) => 
    <ProductDetailView 
        record={record} 
        onChange={() => this.OnCoverageProductNumberChanged(i)}
    />
}