Javascript 在Typescript中为每个使用array.map动态渲染的元素分配onClick函数时，都会获得相同的id

只有当我将onClick函数分配给每个框时，每个框才获得分配的相同id，如果我删除onClick，则每个框获得正确的对应id

return (
    <>
      {songArray.map((song) => (
        <Box
          key={song._id}
          id={song._id}
          onClick={(e) =>
            store.addSongToFavorites((e.target as HTMLTextAreaElement).id)
          }
        >
          <IconButton>
            <FavoriteButton favorite={false} />
          </IconButton>

          <IconButton>
            <MoreVertIcon />
          </IconButton>
        </Box>
      ))}
    </>
  );

返回(
{songArray.map（（歌曲）=>(
store.addSongToFavorites（（例如，目标为HTMLTextAreaElement）.id）
}
>
))}
);