Javascript Graphql/React Apollo:React映射函数错误

在控制台中，我看到以下数据。似乎我没有正确使用映射功能：

{data: {action: [{action: "Changed", timestamp: 1499348050,…},…]}}
data:{action: [{action: "Changed", timestamp: 1499348050,…},…]}
action:[{action: "User Assist Changed", timestamp: 1499348050,…},…]

我尝试使用以下功能绘制数据，但屏幕为空白：

render() {
  console.log('graph nodes:', this.props.data)
  return (
    <svg width={this.props.width} height={this.props.height}>
      {Object.keys(this.props.data).map((data, index) => (
        <circle r={data.r} cx={data.x} cy={data.y} fill="red" key={index}/>
      ))}
    </svg>
  );
}//render

render（）{
console.log（'graph nodes:'，this.props.data）
返回(
{Object.keys（this.props.data）.map（（数据，索引）=>(
))}
);
}//渲染

您需要映射操作，而不是数据键

{
  this.props.data.action.map((data, index) => (
    <circle r={data.r} cx={data.x} cy={data.y} fill="red" key={index}/>
  );
}

---

这将向您显示每个操作中的信息，这样您就可以按照预期的方式对其进行操作。

在地图控制台中。记录（数据）以确保所需的数据确实存在。您提供的JSON片段似乎缺少您想在映射中访问的内容。我想映射操作。基于您提供的JSON，

{data.r}cx={data.x}cy={data.y}

data没有您想要的属性。我建议您控制台

数据

，以确保您实际拥有所需的密钥。

{variables:{…}，refetch:ƒ，fetchMore:ƒ，updateQuery:ƒ，startPolling:ƒ，…}操作：数组（1072）[0…99]--这里有新行--0:{action:“Changed”，时间戳：149934805000，对象：数组（1），第二：数组（1），u类型名：“action”，…}

我强烈建议只将您需要的部分数据返回到组件，而不是从查询返回的全部数据。这将有助于您正确定位所需的信息。React组件不需要其余的方法。您指的是什么属性？我的意思是，data.r、data.x、data.y信息。这些必须是操作上的属性，否则，如果您检查我在控制台中发布的原始问题，您没有向我们显示回答问题的适当信息。你能解释一下r，x和y是什么吗？它在你的代码里。在标签上。你说的是r={data.r}。这是数据的样子：

{data:{action:[{action:“Changed”，timestamp:1499348050，…}，…]}

this.props.data.action.map(item => console.log("this is an action: ", item));