React antdテーブルexpandedRowRender

Question

私はいくつかの助けが必要です。

私はReact.Componentの私のantdテーブルにデータソースを持っています。現在react.componentあるProductDetailViewにレコードを送信している

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

：そのテーブルの上に私は、属性expandedRowRenderを設定しました。 onChangeイベントに行インデックスをどのように送ることができるかを知りたいので、どの行を見ているのかを調べることができます。

これは十分な情報だと思いますが、基本的には、行インデックスをonChangeイベントに送信する方法を知る必要があります。

ありがとうございます。

Answer 1

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

の第二の変数は、行のインデックス

あなたは `ProductDetailView`コンポーネントのためにあなたがのonChangeに行インデックスを送りたい、この

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