在材质UI的<ExpansionPanelDetails>中保留新行

Question

我得到一个扩展的面板，如下所示：

  <ExpansionPanel>
    <ExpansionPanelSummary>this is a title</ExpansionPanelSummary>
    <ExpansionPanelDetails>
      <Typography>line 1</Typography>
      <Typography>line 2</Typography>
      <Typography>line 3</Typography>
    </ExpansionPanelDetails>
  </ExpansionPanel>

我需要ExpansionPanelDetails保持多行内容：

line 1
line 2
line 3

但实际上是：

line 1line 2line 3

我试着总结<Typography>与<div>和添加<br />。都行不通。

有任何想法吗？

谢谢！

"@material-ui/core": "^3.7.0"

Answer 1

ExpansionPanelDetails实际上显示为flex容器。因此，您只需更改弹性方向即可。

使用Material UI示例，它看起来可能像这样：https : //codesandbox.io/s/zn8v57mo23