Estoy usando ReactJS y parte de mi aplicación requiere JSON bastante impreso.

Me sale algo de JSON como:{ "foo": 1, "bar": 2 }y si corro esoJSON.stringify(obj, null, 4) en la consola del navegador, se imprime bastante, pero cuando lo uso en este fragmento de reacción:

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

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

¿Cómo consigo que esos personajes sean interpretados correctamente? {