javascript - 如何通过数组映射在 onClick 事件处理程序中传递参数

Question

我有帖子数据，默认情况下假设帖子是草稿，所以我向用户显示所有草稿帖子，以便他们可以点击发布按钮并发布它

{!loading &&
    post.map((post) => {
      return (
        <Button onClick={() => handleClickOpenS(post._id)} color="primary" autoFocus>
          Publish
        </Button>
      );
    });
}

const handleClickOpenS = (id) => {
  console.log(id);
};

我将 React 与材料 Ui 一起使用，假设有 10 个帖子，将呈现 10 个按钮，当我单击其中一个按钮时，我得到了仅最后一个帖子的 Id 的控制台日志，每个按钮都具有相同的 id，即最后一个 id post 和 im 使用功能组件

在此处输入图像描述

任何方式来解决它，就像每个按钮都应该控制台记录他们自己的帖子 ID

标签： javascriptarraysreactjs