在材料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