score:1

Accepted answer

You can do this fairly easily by using bind. From MDN:

The bind() method creates a new function that, when called, has its this keyword set to the provided value, with a given sequence of arguments preceding any provided when the new function is called.

In your map function, you have access to student, so you can bind it to your onClick function like this:

{students.map(
    student => <Table.Row onClick={handleRowClick.bind(this, student)}/>
)}

Then you can access student as the first parameter of your function:

handleRowClick = (student) => console.log(student)

Any other parameters will be filled in after student if you need them.


Related Query

More Query from same tag