React:如何显示带换行符的JSON键值对？

在React中，要显示带换行符的JSON键值对，可以使用pre标签或者将换行符替换为<br>标签来实现。

1. 使用pre标签： <pre>{JSON.stringify(jsonObj, null, 2)}</pre> 这里，jsonObj是你的JSON对象，null是replacer参数，2是space参数。space参数指定了缩进的空格数，可以根据需要进行调整。
2. 使用<br>标签： {Object.keys(jsonObj).map((key, index) => ( <div key={index}> {key}: {jsonObj[key].replace(/\n/g, <br />)} </div> ))} 这里，jsonObj是你的JSON对象。Object.keys()方法获取JSON对象的所有键名，然后使用map()方法遍历键名数组。在遍历过程中，将键名和值通过div标签进行包裹，并使用replace()方法将值中的换行符替换为<br>标签。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云主页：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云原生应用平台（TKE）：https://cloud.tencent.com/product/tke
• 云数据库MySQL版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链（TBaaS）：https://cloud.tencent.com/product/tbaas
• 腾讯云元宇宙（QQ空间开放平台）：https://cloud.tencent.com/product/op

请注意，这里仅提供了腾讯云相关产品的链接地址，没有提及其他品牌商。