reactjs - 在 React 中的长字符串中添加换行符

Question

我有一个字符串，显示一些用逗号 (,) 分隔的值。当我将它添加到我的 < li > 标签时，它会完美地显示值是否小于 6 个项目。但如果超过，我希望它进入下一行。请找到截图


以下是我的代码

<li>{movieData.seats}
<br/>( {seatCount.length} Tickets ) ODC <span>Rs . {(parseFloat(CalAdultPrice).toFixed(2))}</span>
</li>

任何解决方案..

Answer 1

您需要包装您的 {movieData.seats}使用一些元素并将此样式应用于它:

word-break: break-word;
white-space: pre-wrap;