Hübsches Drucken von JSON mit React
Ich verwende ReactJS und ein Teil meiner App erfordert hübsch gedrucktes JSON.
Ich bekomme JSON wie:{ "foo": 1, "bar": 2 }
, und wenn ich das durchlaufeJSON.stringify(obj, null, 4)
in der Browserkonsole wird es hübsch gedruckt, aber wenn ich es in diesem Reaktionsschnipsel verwende:
render: function() {
var json = this.getStateFromFlux().json;
return (
<div>
<JsonSubmitter onSubmit={this.onSubmit} />
{ JSON.stringify(json, null, 2) }
</div>
);
},
it gibt JSON wieder, das wie @ aussie"{ \"foo\" : 2, \"bar\": 2}\n"
.
Wie kann ich diese Zeichen richtig interpretieren?