Ant design Card组件传入内容时如何保持段落的缩进?

image.png

如上图所示,我有一段yaml格式的数据,想要在Card中按照这种格式显示。但是直接放入Card组件中,缩进和换行全部不见了,数据全部挤成一堆了,如下图所示:

<Card>
   {transYML}
</Card>

image.png

请问这个问题如何解决呢?

回复
阅读 1.3k
2 个回答

JSON.stringify的第三个参数也有美化输出的作用。JSON.stringify

通用的用法是JSON.stringify(data, undefined, 2); + pre

<pre>
 { JSON.stringify(data, undefined, 2) }
</pre>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏