javascript - React 中的 Material-UI Grid 每个元素的唯一 ID

Question

我在反应中创建了一个将呈现的网格。

function MouseOver(event) {
 //make btn appear
}

function MouseOut(event) {
 //make btn dissappear
}
return (
    <Grid
      item
      onMouseOver={MouseOver}
      onMouseOut={MouseOut}
    >
      <button className="btn" style={{display: "none"}}>Button</button>
    </Grid>
   );

这将在反应中创建一个网格。现在我有两个函数 onMouseOver 和 onMouseOut。我希望这是鼠标事件，以分别针对网格的每个元素。如果网格中的元素将鼠标悬停在其上，则按钮的显示将仅对网格中的该元素可见。我无法定位该按钮，因为我无法唯一标识网格中的每个元素。

标签： javascripthtmlcssreactjsmaterial-ui