如何在材质ui手风琴上使用按钮折叠?

时间:2020-11-04 19:06:14

标签: reactjs material-ui

我正在使用材质UI作为折叠按钮和手风琴。 我希望人们能够单击“今天”按钮,并打开第一个手风琴部分(上面写着“星期六”的部分)。今日按钮位于材质UI工具栏内。我还在该项目中使用react hooks。

我只是使用默认的手风琴设置,如材料UI网站上所示。每个手风琴都有自己的ID(例如:panel1,panel2等)。我正在使用以下布局:material ui controlled accordion

Image of my project's layout My project with closed accordions

您能给我的任何帮助都会很棒!谢谢。

1 个答案:

答案 0 :(得分:0)

将手风琴的expanded属性与state一起使用将为您提供所需的内容。

请注意,一旦设置了expanded属性,手风琴的默认行为将被覆盖,您将需要直接控制该行为。

这是我如何解决的代码沙箱example

让我知道是否有帮助!