React antd 表 ExpandedRowRender

Question

我需要一些帮助。

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

  <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}
  />

当前正在向 ProductDetailView 发送一条记录，ProductDetailView 是一个 React.Component。我想知道如何将行索引发送到 onChange 事件，以便我可以跟踪我正在查看的行。

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

先感谢您。

Answer 1

第二个变量为

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

是行索引

你可以这样传递

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