javascript - 换行文字不会换行

Question

我有一个自定义元素：

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

在这个元素里面我有：

<div>{header}</div>

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

标签： javascripthtmlreactjsliterals

Answer 1

你需要white-space: precss属性

div {
  white-space: pre;
}