如何在反应中的每一行具有 edit/delete 按钮的 ag 网格中添加操作列？

Question

我一直在使用 ReactJs 开发一个项目，其中每一行都需要删除按钮才能执行特定的 delete/edit 操作。任何其他具有按行 edit/delete 功能的网格结构也会有所帮助。

Answer 1

假设您有一个 posts 组件，并且您希望为每个组件添加删除操作 post:

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

目前还没有找到这样的具体方法！相反，使用 table 格式显示 rowdata

如何在反应中的每一行具有 edit/delete 按钮的 ag 网格中添加操作列？

How to add action column in ag grid having edit/delete button for each row in react?

grid

reactjs