javascript - react-json-view 修剪字符串中的所有空白

Question

我使用“react-json-view”来显示 json。问题是，库修剪了交付字符串中的所有空格。

我有一个有效 json 的数据：

{
   title: "some title                 end of title"
}

我在我的 json 组件中收到输出：

{
   title: "some title end of title"
}

有没有办法让这个json变成原始形状？在代码检查器中，有一个带有空格的原始 json - 只有在 react-json-view 组件中才会更改数据。

score 1 · Accepted Answer

您正在寻找的实际上是基于 html 和 CSS 的！

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

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

现在，要解决这个问题，您只需向它添加一个CSS 空白修饰符。

CSS：

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

1 回答 1