javascript error: this is not a function

Question

Having a slight issue with returning a value.

So I currently have a react project, and have a component which is as follows:

    <List>
    {bookings.map((booking) =>
      <ListItem
        onChange={onChange}
        id={booking.bookingId}
        overdue = {CheckingStatus.overdueCalculation(booking.bookingEnd)}
        initial={booking.customer.initial.substring(0,1)+booking.customer.lastName.substring(0,1)}
        name={booking.customer.initial +'. '+ booking.customer.lastName}
        reference={'REF: '+booking.bookingReference}
        setStyle={selected!=null && selected.id===booking.bookingId ? true : false}
      />
    )}
  </List>

However it keeps failing at overdue = {CheckingStatus.overdueCalculation(booking.bookingEnd)}

The CheckingStatus.js is as follows:

import moment from 'moment'

export default class overdueChecker {
   static overdueCalculation = (bookingEnd) => {
    //set 1 to grace period of next day 1am
    var d1 = new Date()
    d1.setDate(d1.getDate() + 1);
    d1.setHours(1)
    d1.setMinutes(0)
    d1.setSeconds(0)
    var d2 = new Date(bookingEnd)

    //determine if overdue
    if(d1.getTime()>d2.getTime()){
        this.setState({warning : true})
    } else {
        this.setState({warning : false})
    }

    //calculate days overdue
    var d1m = moment(d1)
    var d2m = moment(d2)
    var diff = d1m.diff(d2m,'days')
    return diff
  }
}

Any ideas

Saravanan · Accepted Answer · 2017-12-19 12:22:08Z

2

overdueCalculation method should be declared as static method. eg

export default class overdueChecker {
     static overdueCalculation = (bookingEnd) => {
        // method body
     }
}

answered Dec 19, 2017 at 12:22

Saravanan

5093 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Raziel Over a year ago

same issue. checkingStatus__.a.overdueCalculation is not a function is the error i am getting

Raziel Over a year ago

woops made an error with import. this actually worked

Collectives™ on Stack Overflow

javascript error: this is not a function

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related