Reactjs Antd设计表,如何将是否选中行传递给expandRowRender

Reactjs Antd设计表,如何将是否选中行传递给expandRowRender,reactjs,antd,Reactjs,Antd,我在ant设计中使用嵌套表。如果我在顶级表中选择一行,它应该为该行选择嵌套表中的所有值。如果取消选择嵌套表中的任何一行,则应取消选择顶级表中的行 我正在尝试使用状态来控制selectedRowKeys,但无法管理所有案例 您可以通过表组件上的行选择道具实现所需的用户体验。您必须确定在4种可能的情况(选择父行、取消选择父行、选择子行或取消选择子行)中发生了哪些情况,然后通过状态更新程序以编程方式设置rowSelectionKeys 您还需要从表数据源创建哈希映射(childToParentMap)

我在ant设计中使用嵌套表。如果我在顶级表中选择一行,它应该为该行选择嵌套表中的所有值。如果取消选择嵌套表中的任何一行,则应取消选择顶级表中的行

我正在尝试使用状态来控制selectedRowKeys,但无法管理所有案例


您可以通过
组件上的
行选择
道具实现所需的用户体验。您必须确定在4种可能的情况(选择父行、取消选择父行、选择子行或取消选择子行)中发生了哪些情况,然后通过状态更新程序以编程方式设置
rowSelectionKeys

您还需要从
数据源
创建哈希映射(
childToParentMap
),以便跟踪哪些行是子行及其关联的父行,以便在取消选择任何一个子行时停用父行

有关所需用例的工作示例,请参见下面的CodeSandbox示例:


快乐编码

请提供您试图实现的代码或屏幕截图。谢谢,我已经添加了图像,ABC DEF是顶级行,如果我选择该行,它应该选择嵌套表中的所有行。如果取消选择嵌套表中的任何一行,则应取消选择顶层行。对于答复延迟表示歉意。工作让我很忙。请参阅下面为您所需的用户体验提供可能的解决方案。非常感谢。!!我使用了与你之前提到的相同的逻辑。我认为(不确定)只有当两个表具有相同的列时,解决方案才会起作用。在这个问题中,我必须显示嵌套表,顶级表不同于低级表。我使用了相同的逻辑来维护行选择键并实现。如果我错了,请纠正我。再次感谢您的帮助