How to understand which element we are on?

Question

React

I have 2 arrays.
1 array is an array of objects. Each object is a product card
2 array is an array of objects. Each object is detailed information about this product.
In both arrays, objects have IDs that are the same for objects in the first and second arrays. That is, for example, the object of the first array with field ID = 5 corresponds to the object of the second array with field ID = 5.
Using the map function, I draw react components (cards) based on the first array. Each card has a "details" button, which, when clicked, should open a modal with detailed information about the product. Accordingly, the modal will be drawn based on the object from the second array.
But I don’t understand how to understand on which card we clicked the “more details” button in order to find the desired object in the second array by ID and pass it to the modal.
That is, when I click on the "more" button on the card, I need to understand what ID this card has and by this ID find the object in the second array in order to pass it to the modal. And I don't understand how to do it

Answer 1

when you form the card code, pass this id to your method call
how do you write the reaction code? generating an attribute with a function call? or you register on javascript by an anonymous method? in both cases feel free to pass id

Answer 2

https://reactjs.org/docs/thinking-in-react.html
product card is a separate component,