CODEPEN:https://codesandbox.io/s/94lw648lmo?fontsize=14
我一直在使用Material-ui做出反应。
我正在尝试制作一个包含长文本的列表。
当给出长文本时,文本显示为图片,但是,我想要多行文本。
这是我的代码片段。
<List>
{this.props.novels.map((novel, index) => (
<ListItem alignItems="flex-start" key={index} role={undefined}>
<ListItemText primary={<span>{novel.text}</span>} />
<ListItemSecondaryAction>
<Button>
<ThumbUp />
</Button>
<span>{novel.like}</span>
<Button>
<ThumbDown />
</Button>
<span>{novel.dislike}</span>
</ListItemSecondaryAction>
</ListItem>
))}
</List>
如果您需要更多信息,请告诉我。
谢谢。
您可以将以下CSS添加到您的单元格:
word-wrap: break-word;
希望能帮助到你