reactjs - 如何显示/隐藏使用材料-ui

Question

我想做一些非常简单的事情：使用material-ui，我想要一个<p>Info</p>标签，当我点击它时，它会展开一个<p>Lorem Ipsum</p>文本。这是一个简单的切换部分。

我在官方网站https://material-ui.com/上做了一些研究，但没有找到。
使用hidden似乎不合适（对吗？）。
你知道怎么做吗（是否有 material-ui 功能来做到这一点）？我正在使用 React.js
这个 stackoverflow 帖子对我没有帮助。

提前感谢您的帮助，我希望这对某些人有用。

标签： reactjsmaterial-ui

Answer 1

您可以使用折叠组件。

       <Collapse in={checked}>
          <YourComponentToShowAndHide />
        </Collapse>