存储数组中所有已检查行bootstrap表的数据

Question

我在reactJS应用程序中使用bootstrap表。要填充表，我调用api并将响应映射到此表的行。看起来像这样

 <TableBody
                    showRowHover={true}
                    deselectOnClickaway={false}>
                    {
                        this.state.MediaFiles.map((item,i)=> (
                            <TableRow
                                key={i}
                                className={`table-item-${i}`}
                                selected={this.props.selectedRows.includes(i)}>
                                <TableRowColumn className='td-filename'>
                                    <div className='item-file-details'>
                                        <div className='file-image' style={{backgroundImage: `url('${item.poster.list_thumbnail}')`}}/>
                                        <div className='details'>
                                            <p className='detail-name'> {item.title} </p>

                                        </div>
                                    </div>
                                </TableRowColumn>
                                <TableRowColumn>
                                    <p className="file-channel">Zee</p>
                                </TableRowColumn>
                                <TableRowColumn>
                                    <p className="file-duration">Movie </p>
                                </TableRowColumn>
                            </TableRow>
                        ))
                    }
                </TableBody>

我想在{item.title}的{​​{1}}中保存我检查的每个文件的table。系统会检查array，然后该Id checkbox或项目的{item.title}应附加到row。当我取消选中它时，应该从数组中删除数据。我的主要问题是如何获取array数据。如果有任何{item.tiltle}和onChecked类型的引导方法？