0

反応プロジェクトにブートストラップ テーブルがあります。クリックした行のインデックスを取得したい。この onclick = {this.handleClick} のようなことをしたいのですが、handleClick 関数で行のインデックスを取得したいと考えています。それは可能ですか？利用可能なソリューションのほとんどは、jquery を使用してすべてを示していますが、私は Jquery を使用したくありません。JavaScriptのみを使用してそれを行いたいです。これは私のテーブルです

<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>
4

1 に答える 1

1

次のようなコードを使用できます。

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

handleClick次のように宣言する必要があります。

var handleClick = function(i) {
console.log("key of row", i)
...
};
于 2017-01-27T09:16:13.017 に答える