带有React的多行文本

Question

我正在使用react，我需要做一个多行文字。

<p>{"You'll receive offers for up to one week, which you can review."}</p>

它应该返回

  

您将收到长达一周的优惠，

     

你可以查看

由于JSLint规则，我正在使用该模式{"..."}，我喜欢这样。

那么，我该怎样做才能达到我的目的呢？

Answer 1

将{..}用于jslint并不是一个好理由，{}内的内容会有不同的评估。对于普通的HTML，只需：

<p>You'll receive offers for up to one week,<br />which you can review.</p>

尽管如此强制执行换行符对于任何html都是不好的做法，但没有一个很好的理由（因为在不同的屏幕宽度，字体大小，分辨率，翻译，中断可能不正确）。最好限制容器的宽度，使其在你想要的地方打破，至少如果事情发生变化，它会自然地破裂。

Answer 2

在HTML中，换行符由<br />表示。所以你想要：

<p>
  {"You'll receive offers for up to one week,"}
  <br />
  {"which you can review."}
</p>

Answer 3

您可以将html br标签用于新行

<p>{"You'll receive offers for up to one week, <br/>which you can review."}</p>

希望这有用。