react-json-view удаляет все пробелы из строки

Я использую react-json-view для отображения json. Проблема в том, что библиотека обрезает все пробелы в доставленных строках.

У меня есть данные с действительным json:

{
   title: "some title                 end of title"
}

И я получаю вывод в своем json-компоненте:

{
   title: "some title end of title"
}

Есть ли способ получить этот json в исходной форме? В инспекторе кода есть оригинальный json с пробелами — только в компоненте react-json-view данные изменены.


reactjs javascript json string json-view
person Italik    schedule 05.10.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

То, что вы ищете, на самом деле основано на HTML и CSS!

Я предполагаю, что ваш react-json-view создает div с некоторым текстом в нем, например:

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

Теперь, чтобы исправить это, вам просто нужно добавить CSS-модификатор пробела для этого.

CSS:

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

Источник: несколько пробелов между словами в HTML без

person Sebastian    schedule 05.10.2020