javascript - Javascript字符串不会换行

Question

我试图在换行符中换行，我的代码如下所示：

  return (
    <>
      {`${t('UserName')}: ${Username}\n 
        ${t('FirstName')}: ${FirstName}\n
        ${t('LastName')}: ${LastName}`}
    </>
  );

当我检查 HTML 时，它看起来像是换行了：

但不幸的是，这不起作用..在 UI 中显示为：

不知不觉排了一排。。

标签： javascripthtmlreactjsecmascript-6newline

Answer 1

尝试这个

  return (
    <>
      {`${t('UserName')}: ${Username}`<br>
        `${t('FirstName')}: ${FirstName}`<br>
        `${t('LastName')}: ${LastName}`}
    </>
  );