Блог

Мой компонент имеет это состояние

     this.state = {
        open: false,
        schedules: [
            { startDate: '2018-10-31 10:00', endDate: '2018-10-31 11:00', title: 'Meeting', id: 0 },
            { startDate: '2018-11-01 18:00', endDate: '2018-11-01 19:30', title: 'Go to a gym', id: 1 },
          ]
    };
 

В моей функции рендеринга я попытался отобразить такие элементы, как

 render() {
    return (
        <div className="row center">
            <div className="col-md-6">
                <div>
                {
                    this.state.schedules((obj, idx) => {
                        return (
                            <div key={idx}>
                                {console.log(obj)}
                            </div>
                        )
                    })
                }
                </div>
            </div>
        </div>
    );
 

Я ожидал получить объект в this.state.schedules распечатанном виде в консоли, но я получаю сообщение об ошибке TypeError: this.state.schedules is not a function .

Что я делаю неправильно?

this.state.schedules не является функцией. это массив… Вам нужно пройти через это … попробуйте код ниже

 this.state.schedules.map((obj, idx) => {
    return (
        <div key={idx}>
            {console.log(obj)}
        </div>
    )
})