[Menu] MenuItem onClick doesn't pass proper argument

[RudmanMario]

In my component I have a Table with mapped TableRow from some custom array of objects. In the last TableCell I want to have a icon button that onClick opens Menu with some MenuItem actions (edit and delete). The problem is that the onClick event of the MenuItem is always passing the last array element and not the one mapped to that particular TableRow.

• This is a v1.x issue (v0.x is no longer maintained).
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

The onClick on the MenuItem should pass as an argument the appropriate array element when it is used inside map function.

Current Behavior

The onClick on the MenuItem is passing as an argument the last element in the array that is being mapped.

Steps to Reproduce (for bugs)

Sandbox example:
https://codesandbox.io/s/0x8lnylqj0

Your Environment

Tech	Version
Material-UI	v1.0.0
React	v16.3.2
browser	Chrome

[oliviertassinari]

@RudmanMario You are opening two menus at the same time:

You need to differentiate which menu is open and which is not.

[DonnaTelloo]

Same problem, did you fix this?

[oliviertassinari]

@DonnaTelloo Please ask on StackOverflow, it's better suited for this kind of pain. It's generic to React.