Question

"data": { { "lon": -83.45, "lat": 39.89 }}

我希望输出为

data : {

 "lon": -83.2,

 "lat": 39.89 

}

我尝试使用JSON.stringify(data, null, 2)仍然没有得到任何数据也没有错误

Answer 1

你的json对象不合适应该是

obj = {
"data": {
  "lon": -83.45,
  "lat": 39.89
}
};

而不是

obj = {{
"data": {
  "lon": -83.45,
  "lat": 39.89
 }
}};

以下是您可以尝试的示例：

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>

<body>
  <pre id="ppp">
  </pre>
</body>
<script>
  obj = {
    "data": {
      "lon": -83.45,
      "lat": 39.89
    }
  };
  var str = JSON.stringify(obj, null, 2);
  document.getElementById("ppp").innerHTML = str;
</script>

</html>

Answer 2

在你的渲染方法中，只需这样做，

render() {
   return (
     <div>
        <pre>{data}</pre>
     </div>
   );
}

这里我假设data是保存您想要以更漂亮的方式输出的对象的变量。我希望这会有所帮助。

如何使用ReactJS作为JS对象来打印列表的记录

2 个答案: