javascript - react antd 表 expandedRowRender

Question

我需要一些帮助。

我的 React.Component 中的 antd 表上有一个数据源。在那张 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}
  />

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

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

提前谢谢你。

Answer 1

第二个变量

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

是行索引

你可以这样传递

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