Javascript 确定换行后放置断点

我将React.js与Typescript一起使用。 我有一个组件，它以这种方式呈现：

<div class="test">
   Hello dear
   Sam
</div>

你好，亲爱的
山姆

我想手动告诉代码，一旦在类

“test”

中检测到

“\n”

，请将

放入其中。是否可以使用css/js以某种方式执行此操作？ 因为在网页上div的内容是一行，所以我想把它分成两行。 提前感谢。

您可以在用

\n

将字符串分隔后使用，即

“您好，亲爱的\nSam”

：

const text=“你好，亲爱的\nSam”
函数App（）{
返回{text}
}
ReactDOM.render（，document.body）

.pre-line{
空白：行前；
}

您可以使用类似于

{text.split（'\n'）.map（line=>[line，
]）.flat（）}

（不过最后会有一个

。或者您可以使用它来回答您的问题吗？