如何在具有响应的每一行的编辑/删除按钮的AG网格中添加动作列？

Question

我一直在ReactJs中的一个项目上工作，每行都需要使用删除按钮来执行特定的删除/编辑操作。 任何其他具有按行编辑/删除功能的网格结构也将有所帮助。

Answer 1

假设您有一个帖子组件，并且想要对每个帖子添加删除操作：

const Posts = () => {
  const posts_array = [...]
  
  const deletePost(post_id) => {
    delete(post_id)
  }

  return (
    <div>
      {posts_array.map(
        (post) => <Post 
                    post_data={post} 
                    key={post.id} 
                    handle_delete={()=>deletePost(post.id)}
                  />
      )}
      
    </div>
  );
};

export default Posts;

Answer 2

到目前为止，我还没有发现这种特定的方法！而是使用表格格式显示行数据