在不使用 jquery 的情况下，获取 bootstrap table 的行索引

Question

我的 React 项目中有一个 bootstrap table。我想获取我点击的行的索引。我想做这样的事情 onclick = {this.handleClick} 并且在 handleClick 函数中我想获取行的索引。有没有可能做到。大多数可用的解决方案都使用 jquery 显示所有内容，而我不想使用 Jquery。我只想使用 javascript 来做到这一点。这是我的 table

<Table className='flags-table' responsive hover>
                                    <thead>
                                        <tr>
                                            <th> </th>
                                            <th> Time In </th>
                                            <th> Time Out </th>
                                            <th> Type </th>
                                            <th> Category </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {
                                            FLAGS_LIST.map((x,i)=> (
                                                <tr key={i}>
                                                    <td> <div className='red-box'></div> </td>
                                                    <td> {x.time_in} </td>
                                                    <td> {x.time_out} </td>
                                                    <td> {x.type} </td>
                                                    <td> {x.category} </td>
                                                </tr>
                                            ))  
                                        }
                                    </tbody>
                                </Table>

Answer 1

您可以使用这样的代码：

onclick = {this.handleClick.bind(this, i)}; 

和handleClick应该这样声明：

var handleClick = function(i) {
console.log("key of row", i)
...
};