Réagir antd table expandRowRender

Question

J'ai besoin d'aide. J'ai une source de données sur ma table antd dans mon composant React.Component. Sur cette table, j'ai mis le expandedRowRender attribut:

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

qui envoie actuellement un enregistrement à ProductDetailView qui est un react.component. J'aimerais savoir comment envoyer l'index des lignes à l'événement onChange, afin que je puisse suivre la ligne que je regarde.

J'espère que c'est assez d'informations, fondamentalement j'ai juste besoin de savoir comment envoyer l'index de rangée à mon événement onChange.

Merci d'avance.

Answer 1

La deuxième variable de

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

est l'indice de ligne

vous pouvez passer comme ça

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