Material-UI 中的多个 Expand/Collapse TableRow 组件
Multiple Expand/Collapse TableRow component in Material-UI
我正在使用 Material UI table 并试图展开 TableRow
inside collapse table 但我遇到了问题。目前,我的列表都有折叠,但它们都链接到一个“打开”状态,所以如果我打开一个列表,所有其他列表都会打开。
在不为每个列表设置大量状态的情况下保持合拢彼此分离的最佳方法是什么。
请检查这里的代码:
https://codesandbox.io/s/collapsetable-2wp59
我做错了什么?你能告诉我怎么做吗?
只需将带有 Collapse 的行移动到单独的组件中,并在其中处理 open/close 逻辑。
因此每一行都有自己的打开状态和更新功能。
这是您更新后的示例:https://codesandbox.io/s/collapsetable-forked-kj8v6
我正在使用 Material UI table 并试图展开 TableRow
inside collapse table 但我遇到了问题。目前,我的列表都有折叠,但它们都链接到一个“打开”状态,所以如果我打开一个列表,所有其他列表都会打开。
在不为每个列表设置大量状态的情况下保持合拢彼此分离的最佳方法是什么。
请检查这里的代码: https://codesandbox.io/s/collapsetable-2wp59
我做错了什么?你能告诉我怎么做吗?
只需将带有 Collapse 的行移动到单独的组件中,并在其中处理 open/close 逻辑。 因此每一行都有自己的打开状态和更新功能。
这是您更新后的示例:https://codesandbox.io/s/collapsetable-forked-kj8v6