`props.children`中的换行符

Question

如何在不丢失换行符的情况下获取props.children的输出。

例如：

<Test>
 hello

 world
</Test>

将以props.children的形式出现在"hello world"中，即没有换行符。有没有办法让孩子们换行？

P.S：一种方法是：

<Test>
 {`hello

 world`}
</Test>

我正在寻找没有反引号的解决方案。

Answer 1

您可以使用<pre />标签：

<Test>
 <pre>
  hello

  world
 </pre>
</Test>