你还应该检查元素的css空白属性(mdn docs)，确保它被设置为一个不抑制换行的值，例如:

white-space: pre-line;

你会对这3个值感兴趣:

精准医疗 保留了空白的序列。线路只有在 源和<br>元素中的换行符。 pre-wrap 保留了空白的序列。线路断在 换行符，在<br>处，以及必要时填充行框。 行前空白序列被折叠。线路断在 换行符，在<br>处，以及必要时填充行框。

要在文本区域内获得一个新行，在那里放一个实际的换行符:

<textarea cols='60' rows='8'> 这是我的statement2</textarea>

只需使用<br> 例:

<textarea>
blablablabla <br> kakakakakak <br> fafafafafaf 
</textarea>

论点: blablablabla是fafafaf的哥哥

经过大量的测试，下面的代码在typescript中为我工作

 export function ReplaceNewline(input: string) {
    var newline = String.fromCharCode(13, 10);
    return ReplaceAll(input, "<br>", newline.toString());
}
export function ReplaceAll(str, find, replace) {
    return str.replace(new RegExp(find, 'g'), replace);
}

试试这个:

这是我的语句1。这是我的语句2</textarea>

& # 10;换行和&#13;回车都是HTML实体。通过这种方式，您实际上是在解析新行(“\n”)，而不是将其显示为文本。

如果你使用react

函数内部

const handleChange=(e)=>{
const name = e.target.name;
let value = e.target.value;
value = value.split('\n').map(str => <span>{str}<br/></span>);
SetFileds({ ...fileds, [name]: value });
}