Estou usando o ReactJS e parte do meu aplicativo requer JSON bastante impresso.

Eu recebo alguns JSON como:{ "foo": 1, "bar": 2 }e se eu passar por issoJSON.stringify(obj, null, 4) no console do navegador, ele imprime bastante, mas quando eu o uso neste snippet de reação:

render: function() {
  var json = this.getStateFromFlux().json;
  return (
    <div>
      <JsonSubmitter onSubmit={this.onSubmit} />
      { JSON.stringify(json, null, 2) }
    </div>
  );
},

renderiza JSON bruto que parece"{ \"foo\" : 2, \"bar\": 2}\n".

Como faço para que esses caracteres sejam interpretados corretamente? {