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 組件中，數據才會更改。

Answer 1

您正在尋找的實際上是基於 html 和 CSS 的！

我假設你的 react-json-view 創建了一個帶有一些文本的 div，如下所示：

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

現在，要解決此問題，您只需為此添加一個CSS 空白修飾符。

CSS：

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