TypeError: response.map is not a function

Ionic Framework ionic-v3
1

ı am using ionic and angular full calendar . And ı want to make Http request but ı face this error.

service.ts





import { map } from 'rxjs/operators';


getEvents()
  {
    return this.http.get('http://localhost/api/lessons') .pipe(
      map(response => {
        return response.map((data) => {       **//ı have error about this line**
          return {...data,start: data.start_time};
        });
     })
  ); 
  }

home.ts


ngOnInit(){



    this.service.getEvents().subscribe(events => {
      this.events = events;
      console.log(this.events);
    });
    
}

home.html


<full-calendar 
  defaultView="dayGridMonth"
  [plugins]="calendarPlugins"
  [weekends]="true"
  [events]="events"
 
></full-calendar>

ı am facing error like TypeError: response.map is not a function . So please help me.

2

I don’t think you need that second map. The original map should break them into single entries, rather than an array.

3

but ı should making change name of object because angular full calendar doesnt accept start_time accept start and ı should transform my start_time to start. So what should ı do

4

if response.map is not a function, that means that the response isn’t an array. What type of object is response?

5

like this Response {_body: “[{“id”:2,“lesson_id”:5,“author”:30,“teacher_id”:30…”,“jurisdiction”:3,“delete”:0,“api_token”:null}}]", status: 200, ok: true, statusText: “OK”, headers: Headers, …}

6

Looks like the body your response is still stringified. You’ll have to parse it before you can use array functions on it.