Question

我正在尝试在React-js中打印Json数据，但它打印时带有引号和括号，如this。
这是我的react-js代码：

return (             
targets.map(targets => (
<div key={targets.type}>
  <h1>{targets.type}:</h1>
  <p key={targets.data}>{targets.data}</p>
 </div>
  )))

和json数据：
json

我试图在jquery中使用它，并使用了这段代码：

targets=[];
key=[];               
for (i = 0; i < len; i++) {
targets.push(results["targets"][i]["type"]);
key.push(JSON.parse(results["targets"][i]["data"]));
$.each(key[i], function (index, value) {
$(".keys").prepend('<p>'+(index+":"+value)+'</p>');
});
$(".keys").prepend('<h3>'+targets[i]+':</h3>');
}

Answer 1

由于target.data是String，您需要解析它。

这样的事情可以解决问题

 getData(data) {
   return (
      Object.keys(data).map(key => <span value={key}>{`${key}:${data[key]}`}</span>)
)}

return (             
   targets.map(targets => (
        <div key={targets.type}>
            <h1>{targets.type}:</h1>
            <p key={targets.data}>getData(JSON.parse(targets.data))}</p>
        </div>)))

在js

1 个答案: