【问题标题】:Material-ui: Difference between Expansion Panels and CollapseMaterial-ui:扩展面板和折叠的区别
【发布时间】:2019-05-14 14:07:14
【问题描述】:

这里的主要区别是什么?为什么要使用一个而不是另一个?

我开始使用折叠,但后来注意到扩展面板也存在,这让我不知道应该使用哪一个。

【问题讨论】:

    标签: reactjs material-ui


    【解决方案1】:

    Collapse 组件本身不显示任何内容,它描述了显示的其他两个组件之间的关系。 Material UI 文档解释说它用于制作 Vertical Stepper 组件。

    扩展面板是一个完整的包,它具有折叠行为,但它也提供了显示的面板。如果您查看source code for ExpansionPanel,您会发现它在其渲染函数中使用了Collapse

    我想说,如果扩展面板对您来说足够好,请使用它。否则,如果您需要展开/折叠不是面板的东西,请使用 Collapse 组件。

    编辑:请参阅此处了解如何使用折叠和其他转换:https://material-ui.com/utils/transitions/

    【讨论】:

    • 谢谢。我的问题出现了,因为我正在为 组件构建折叠功能。我没有看到扩展面板,所以我只是在我的 上使用了一个折叠按钮,并用 包裹了 据我所知,这很好用。
    • 是的,您选择的路线可能更灵活
    • 谢谢。这也让我很困惑。而 Collapse 只存在于 Component API 文档中,而 Expansion Panel 存在于 Components 文档中
    猜你喜欢
    • 2021-09-19
    • 1970-01-01
    • 2019-10-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多