Вот простой компонент формата / цвета JSON, записанный в React:
const HighlightedJSON = ({ json }: Object) => {
const highlightedJSON = jsonObj =>
Object.keys(jsonObj).map(key => {
const value = jsonObj[key];
let valueType = typeof value;
const isSimpleValue =
["string", "number", "boolean"].includes(valueType) || !value;
if (isSimpleValue && valueType === "object") {
valueType = "null";
}
return (
{key}:
{isSimpleValue ? (
{`${value}`}
) : (
highlightedJSON(value)
)}
);
});
return {highlightedJSON(json)};
};
Посмотрите, как он работает в этой CodePen: https://codepen.io/benshope/pen/BxVpjo
Надеюсь, что это поможет!