githubData.map не является функцией при попытке отобразить данные из API

Question

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

Это мой код:

class SearchResult extends Component {
  constructor() {
    super();
    this.state = {
      githubData: []
    };
  }

  componentDidMount() {
    axios
      .get(`${api.baseUrl}/users/${this.props.location.state.userName}`)
      .then((res) => {
        console.log('res', res);
        this.setState({ githubData: res.data });
      });
  }

  render() {
    const { githubData } = this.state;
    return (
      <div className="search-result">
        {githubData.map((name, index) => (
          <p>{name.name}</p>
        ))}
      </div>
    );
  }
}

export default SearchResult;

Answer 1

Пользовательская конечная точка GitHub возвращает объект, поэтому githubData является объектом, а не массивом. в вашем скрипте вы рассматриваете как массив. {}.map вернет ошибку