React antd table expandedRowRender

Question

我需要一些帮助。

我在 React.Component 中的 antd table 上有一个数据源。在 table 上我设置了属性 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}
  />

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

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

提前致谢。

Answer 1

第二个变量

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

是行索引

你可以这样传

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

React antd table expandedRowRender

React antd table expandedRowRender

javascript

reactjs

redux

antd