Javascript react json视图修剪字符串中的所有空白

Javascript react json视图修剪字符串中的所有空白,javascript,json,reactjs,string,json-view,Javascript,Json,Reactjs,String,Json View,我使用“react json视图”来显示json。问题是,库会修剪传递字符串中的所有空白 我有一个包含有效json的数据: { title: "some title end of title" } 我在json组件中接收输出: { title: "some title end of title" } 有没有办法让这个json保持原来的形状? 在code inspector中有一个带空格的原始json,只有在r

我使用“react json视图”来显示json。问题是,库会修剪传递字符串中的所有空白

我有一个包含有效json的数据:

{
   title: "some title                 end of title"
}
我在json组件中接收输出:

{
   title: "some title end of title"
}
有没有办法让这个json保持原来的形状?
在code inspector中有一个带空格的原始json,只有在react json视图组件中,数据才会更改。

您要查找的实际上是基于html和CSS的

我假设您的react json视图创建了一个div,其中包含一些文本,如下所示:


...
现在,要解决这个问题,您只需在其中添加一个

CSS:

资料来源:

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