reactjs - Material-ui：扩展面板和折叠的区别

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

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

标签： reactjsmaterial-ui

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

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

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

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