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，它是一个react.component。我想知道如何将行索引发送到onChange事件，以便我可以跟踪我正在查看的行。

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

预先感谢您。

Answer 1

的

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

第二个变量是行索引

你可以通过它像这样

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