【问题标题】:Multiple Expand/Collapse TableRow component in Material-UIMaterial-UI 中的多个展开/折叠 TableRow 组件
【发布时间】:2021-04-26 18:55:36
【问题描述】:

我正在使用 Material UI 表并尝试在折叠表中展开 TableRow,但我遇到了问题。目前,我的列表都已折叠,但它们链接到一个“打开”状态,所以如果我打开一个列表,所有其他列表都会打开。

在每个列表没有很多状态的情况下保持折叠彼此分开的最佳方法是什么。

请检查这里的代码: https://codesandbox.io/s/collapsetable-2wp59

我做错了什么?你能告诉我怎么做吗?

【问题讨论】:

    标签: reactjs typescript material-ui collapse


    【解决方案1】:

    只需将带有 Collapse 的行移动到单独的组件中并在内部处理打开/关闭逻辑。 因此每一行都有自己的打开状态和更新功能。

    这是您的更新示例:https://codesandbox.io/s/collapsetable-forked-kj8v6

    【讨论】:

    • 哇哦...感谢您帮助解决这个问题
    猜你喜欢
    • 2016-10-12
    • 2021-09-19
    • 2022-07-22
    • 1970-01-01
    • 2015-10-28
    • 2021-07-22
    • 2019-02-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多