换行文字不会换行

问题描述

我有一个自定义元素：

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

在这个元素里面我有：

<div>{header}</div>

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

解决方法

您需要 white-space: pre css 属性

div {
  white-space: pre;
}