Graphql / React-Apollo: ошибка функции карты реагирования - PullRequest
Новая
       20

Graphql / React-Apollo: ошибка функции карты реагирования

0 голосов
/ 24 августа 2018

В консоли я вижу следующие данные.Похоже, я не правильно использую функцию карты: 

{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

1 Ответ

0 голосов
/ 25 августа 2018

Вам нужно отобразить действие, а не ключи данных. 

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

Предполагается, что эти свойства существуют внутри каждого действия.

Если вы хотите использовать карту поверх действия, попробуйте запустить эту строку в верхней части рендера 

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

Это покажет вам информацию в каждом действии, чтобы вы могли затем манипулировать ею так, как вы ожидаете.

...