Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

241
Views
React js componentDidUpdate
componentDidUpdate = (prevProps, prevState) => {
  if (
    prevState.sourceOpt !== this.state.sourceOpt ||
    prevState.destOpt !== this.state.destOpt ||
    prevState.tripOpt !== this.state.tripOpt ||
    prevState.fuelOpt !== this.state.fuelOpt ||
    prevState.minKm !== this.state.minKm ||
    prevState.Configure?.grossEarnings !== this.state.Configure?.grossEarnings ||
    prevState.rateOpt !== this.state.rateOpt ||
    prevState.extra_rate_per_km !== this.state.extra_rate_per_km ||
    prevState.waitingCharge !== this.state.waitingCharge ||
    prevState.wait !== this.state.wait ||
    prevState.categoryOpt !== this.state.categoryOpt ||
    prevState.modelOpt !== this.state.modelOpt
  ) {
    this.getDestinationCity()
    this.getTripBasedOnCity()
    this.getVehicleCategory()
    this.getFuelType()
    this.props.parentCallback(this.state.Configure?.grossEarnings)
    this.getGeneralData()
    this.getModelBaseOnCategory()
    this.getConfiguration()
    this.getAllData()
  }
  if (prevState.fuelOpt !== this.state.fuelOpt) {
    this.getMinKilo()
  }
  if (prevState.changeFareKm !== this.state.changeFareKm || prevState.changeFare !== this.state.changeFare
  ) {
    this.handleBlur()
  }
}      

Is there anyway to optimize this code? I want to optimize this code. Is there anyhow I can make this code more readable?

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Checking condition method

public checkCondition(prevState){
   return (prevState.sourceOpt !== this.state.sourceOpt ||
    prevState.destOpt !== this.state.destOpt ||
    prevState.tripOpt !== this.state.tripOpt ||
    prevState.fuelOpt !== this.state.fuelOpt ||
    prevState.minKm !== this.state.minKm ||
    prevState.Configure?.grossEarnings !== 
    this.state.Configure?.grossEarnings ||
    prevState.rateOpt !== this.state.rateOpt ||
    prevState.extra_rate_per_km !== this.state.extra_rate_per_km ||
    prevState.waitingCharge !== this.state.waitingCharge ||
    prevState.wait !== this.state.wait ||
    prevState.categoryOpt !== this.state.categoryOpt ||
    prevState.modelOpt !== this.state.modelOpt)
}

taking actions method

public performActions(){
    this.getDestinationCity()
    this.getTripBasedOnCity()
    this.getVehicleCategory()
    this.getFuelType()
    this.props.parentCallback(this.state.Configure?.grossEarnings)
    this.getGeneralData()
    this.getModelBaseOnCategory()
    this.getConfiguration()
    this.getAllData()
}

Now your componentDidUpdate will be

public componentDidUpdate (prevProps, prevState) {
  if (this.checkCondition(prevState)) {
    this.performActions();
  }
  if (prevState.fuelOpt !== this.state.fuelOpt) {
    this.getMinKilo()
  }
  if (prevState.changeFareKm !== this.state.changeFareKm || 
   prevState.changeFare !== this.state.changeFare) 
  {
    this.handleBlur()
  }
}      
about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!