Я пытаюсь отобразить разные фрагменты данных из 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)