【发布时间】:2021-06-15 09:05:58
【问题描述】:
我希望在以下数组中添加换行符。使用 \n 似乎不起作用。
const output = {
message: [
`Hello world\n Hello again!`
]
}
有没有办法在数组中添加换行符?我尝试通过数组进行映射并添加一些 HTML,但在那里没有取得太大成功,因为我无法弄清楚如何将 "Hello World" 和 "Hello again" 分开strong> 消息:
const displayOutput = output.message.map((messages, id) =>
<p key={id} className="output-message">
{messages}
</p>
);
感谢您的帮助!
【问题讨论】:
-
换行符在放入 html 时不显示为换行符,请使用
<br>或 css 样式 -
或者更多特定于 React 的东西,例如stackoverflow.com/q/50229792/3001761.
-
谢谢,是的,具体的反应示例对我有用。
-
换行符
\n在没有特定 CSS 的情况下被 HTML 忽略。 stackoverflow.com/questions/39325414/line-break-in-html-with-n
标签: javascript reactjs