Toggle Adjacent Rows (or TR) Within Loop in ReactJS – Collapsable Rows

This is an example in ReactJS, in which we see how to toggle adjacent row of a table that is itself being rendered in a loop? Clickable button for toggle is in first row and we want to click it to toggle its adjacent row and both rows act as single element in a loop. Toggle Adjacent Rows in loop or Toggle Adjacent TR in loop.