Отображение данных API - PullRequest
       14

Отображение данных API

0 голосов
/ 18 декабря 2018

Я пытаюсь отобразить разные фрагменты данных из GIT API и в настоящее время не могу оценить, в чем заключается моя проблема.Я не могу получить данные для отображения.все, что я могу сделать, это посмотреть на вкладку элементов моего локального хоста.Я неправильно маршрутизирую?Если нет, в чем может быть проблема?

 import React, { Component } from 'react';

const urlForUsername = username =>
  `https://github.com/api/v3/users/${username}/events`;
   class AssociateIdentification extends Component {
   constructor(props) {
    super(props);
    this.state = {
       requestFailed: false
    };
  }
   componentDidMount() {
    fetch(urlForUsername(this.props.username))
      .then(response => {
        if (!response.ok) {
          throw Error('Network requst failed');
        }
         return response;
      })
      .then(d => d.json())
      .then(d => {
        this.setState({
          githubData: d
        });
      }, () => {
        this.setState({
          requestFailed: true
        });
      } );
   }

  render() {

    if (!this.state.githubData) return <p> Loading...</p>;
    if (this.state.requestFailed) return <p>Failed!</p>;

    return (
      <div>

это то, что я думаю, может быть неправильно, то, как я его маршрутизирую, но я не совсем уверен.

 {this.state.githubData.actor}  {this.props.username} 
      </div>
        );
      }
    }

 export default (AssociateIdentification);

Все помогает!спасибо!

Это то, что я получаю, комментируя предложенный журнал консоли

Promise {<resolved>: Array(6)}
__proto__: Promise
[[PromiseStatus]]: "resolved"
[[PromiseValue]]: Array(6)
 0: {id: "11174255", type: "PushEvent", actor: {…}, repo: {…}, payload: {…}, …}
length: 6
__proto__: Array(0)
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...