我正在使用一个Material UI表，并试图展开折叠表中的TableRow，但遇到了一个问题。目前，我的列表都有折叠，但它们链接到一个“打开”状态，因此如果我打开一个列表，所有其他列表都会打开。
在每个列表中不包含大量状态的情况下，保持折叠彼此分离的最佳方法是什么？
请在此处检查代码：https://codesandbox.io/s/collapsetable-2wp59
我做错了什么？你能教我怎么做吗？
我正在使用一个Material UI表，并试图展开折叠表中的TableRow，但遇到了一个问题。目前，我的列表都有折叠，但它们链接到一个“打开”状态，因此如果我打开一个列表，所有其他列表都会打开。
在每个列表中不包含大量状态的情况下，保持折叠彼此分离的最佳方法是什么？
请在此处检查代码：https://codesandbox.io/s/collapsetable-2wp59
我做错了什么？你能教我怎么做吗？
1条答案
按热度按时间qmb5sa221#
只需将带有Collapse的行移动到单独的组件中，并在其中处理打开/关闭逻辑。这样，每一行都有自己的打开状态和更新功能。
下面是更新后的示例：https://codesandbox.io/s/collapsetable-forked-kj8v6