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

user_tYDk6iCh
    1033774

    image.png

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

    <Card>
   {transYML}
</Card>

    image.png

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

    前端react.jsant-design
    回复
    阅读 1.3k
    2 个回答
    得票最新
    不可能的是
      2.2k178

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

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

      <pre>
 { JSON.stringify(data, undefined, 2) }
</pre>
      回复
      robin
      1.5k1832

      试试模板字符串
      image.png

      回复
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题
      宣传栏
      1288