react-json-view 从字符串中修剪所有白色 space

Question

我使用“react-json-view”来显示 json。问题是，库会删除传递的字符串中的所有空格。

我有一个有效的数据 json:

{
   title: "some title                 end of title"
}

并且我在 json 组件中收到输出：

{
   title: "some title end of title"
}

有没有办法让这个 json 恢复原状？在代码检查器中有一个带有空格的原始 json - 只有在 react-json-view 组件中数据被更改。

Answer 1

您要找的实际上是 html- 和 CSS 基础的！

我假设您的 react-json-view 创建了一个 div，其中包含一些文本，如下所示：

<div class="react-json-view">
...
</div>

现在，要解决此问题，您只需向其中添加 CSS whitespace-modifier。

CSS:

.react-json-view {
  white-space: pre-wrap;
}

来源：Multiple Spaces Between Words in HTML without  

react-json-view trims all white space from string