换行文字不换行

Question

我有一个自定义元素：

<GroupFields
 header={`text \n (highly recommended)`} // output: Single line
>
</GroupFields>

在这个元素中我有：

<div>{header}</div>

但是我的\n没有换行，为什么？

Answer 1

您需要 white-space: pre css 属性

div {
  white-space: pre;
}