如何识别在React中点击了哪个菜单项？

<Menu>
  <MenuItem onClick={handleClick}>菜单项1</MenuItem>
  <MenuItem onClick={handleClick}>菜单项2</MenuItem>
  <MenuItem onClick={handleClick}>菜单项3</MenuItem>
</Menu>

function handleClick(event) {
  const clickedMenuItem = event.target; // 获取被点击的菜单项元素
  const menuItemId = clickedMenuItem.id; // 获取菜单项的标识
  const menuItemIndex = Array.from(clickedMenuItem.parentNode.children).indexOf(clickedMenuItem); // 获取菜单项的索引

  // 根据标识或索引进行相应的处理
  // ...
}