如何将换行符添加到变量

Question

我正在尝试将包含字符串的const传递到React组件，该组件将其呈现到页面。我想在字符串中添加换行符。

const text="First Line" + "\n" + "Second Line" + "\n" + "Third Line";
<DisplayText title="Title" text={text} />

以及组件：

const DisplayText = (props) => {
  <div>
    <h1>{props.title}</h1>
    <span>{props.text}</span>
  </div>
};

但是，使用\n不会添加换行符。 就像我在代码的其他几部分中使用text一样，有没有一种方法可以在DisplayText变量中添加换行符而无需重写DisplayText组件。