Получите индекс строки таблицы начальной загрузки в один клик без использования jquery

У меня есть таблица начальной загрузки в моем проекте реагирования. Я хочу получить индекс строки, на которую я нажимаю. Я хочу сделать что-то вроде этого 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>