Ошибка типа: this.state.schedulelistnew.map не является функцией

Question

Создать класс 'ScheduleList' и инициализировать элементы массива

class ScheduleList extends Component {
      state = {
        schedulelistnew: []
    };

Используется для заполнения элементов массива из API с помощью axios

 componentDidMount() {
        axios.get(`https://apiv2.apifootball.com/?action=get_H2H&firstTeam=Chelsea&secondTeam=Arsenal&APIkey=******`)
        .then(res => {
           const schedulelistnew = res.data;
          this.setState({ schedulelistnew });
        });
      }

Визуализация элементов массива в компонент «ScheduleListItem»

 render() {
        return (
          <div>
            <Row>
              <Col lg="9" md="8">
                {this.state.schedulelistnew.map(item => (
                  <div className="strong textmb-3 pb-2" key={item.match_id}>
                    <ScheduleListItem item={item} />
                  </div>
                ))}

Чего мне не хватает?

Answer 1

когда процесс карты вы забудете о возврате

{this.state.schedulelistnew.map( item => {
    return (
      <div className="strong textmb-3 pb-2" key={item.match_id}>
        <ScheduleListItem item={item} />
      </div>
   );
  }
)}