title: How to show only icon to the particular user when we click on it using reactjs
body: <p>I'm trying to show icon when it is hovered and clicked on the particular User but here when i click on the icon of particular user then i could see for the other users also showing the icon without hovering or clicking on it. Can anyone help me in this query?</p>
  
  <p>Here is code:</p>
  
  <pre><code>&lt;Card&gt;
          {Data.map(user =&gt; (
            &lt;CardHeader
              key={user.id}
              className={classes.header}
              avatar={&lt;Avatar aria-label="recipe"&gt;R&lt;/Avatar&gt;}
              action={
                &lt;div className={this.state.menu &amp;&amp; classes.menu}&gt;
                  &lt;IconButton
                    id="simple-menu"
                    className={classes.showIcon}
                    aria-label="settings"
                    aria-controls="simple-menu"
                    onClick={this.handleClick}
                  &gt;
                    &lt;MoreVertIcon /&gt;
                  &lt;/IconButton&gt;
                  &lt;Menu
                    style={{ marginTop: "35px" }}
                    id="simple-menu"
                    keepMounted
                    anchorEl={this.state.menu}
                    open={Boolean(this.state.menu)}
                    onClose={this.handleClose}
                  &gt;
                    &lt;MenuItem onClick={this.handleClose}&gt;View&lt;/MenuItem&gt;
                    &lt;MenuItem onClick={this.handleClose}&gt;hide&lt;/MenuItem&gt;
                  &lt;/Menu&gt;
                &lt;/div&gt;
              }
              title={user.title}
              subheader={user.subheader}
            /&gt;
          ))}
        &lt;/Card&gt;
  
  </code></pre>
  
  <p><a href="https://codesandbox.io/s/material-ui-menu-button-visibility-fix-hujx4" rel="nofollow noreferrer">https://codesandbox.io/s/material-ui-menu-button-visibility-fix-hujx4</a></p>
  
  <p>For ex: if i click on <code>Shrimp and Chorizo Paella</code> User (dot icon) then we could see same icon visible in the other user <code>Sherlock holmes</code>. My objective is to show the icon whenever i hover the user card, and when we click on the icon, then the icon should visible only on the respective user card but not in other User card</p>