Funkcja JS redundancja

Question

Witam,

Chce uniknąć powtarzalności moich funkcji gdzie potrzebuję podmienić tylko jedno słowo tak jak w kodzie poniżej. Jako "prop" chcę podesłać "name" albo "email" i potrzebuję go podmienić w miejscach np.: a.email, sortedemail, a nie w każdym miejscu jestem pewny jak tego dokonać. Pozdrawiam

sortEmail = (prop) => {
    const users = Object.assign([], this.state.contacts);

    if(this.state.sortedemail === 0){
      let usersSorted = users.sort(function(a,b){return a.email > b.email; });
      this.setState({
        contacts: usersSorted,
        sortedemail: 1,
        sortedname: 0
    })
  } else {
    let usersSortedRev = users.sort(function(a,b){return a.email < b.email; });
    this.setState({
      contacts: usersSortedRev,
      sortedemail: 0,
      sortedname: 0
    })
  }
  }

 

Answer 1

Możesz np. w ten sposób:

sortEmail = (prop) => {
    const users = Object.assign([], this.state.contacts);
    const isSortedEmail = this.state.sortedemail === 0;
    const usersSorted = users.sort(function(a,b) {
        return isSortedEmail ? a.email > b.email :  a.email < b.email;
    });

   this.setState({
        contacts: isSortedEmail  ? usersSorted : usersSortedRev,
        sortedemail:  Number(isSortedEmail),
        sortedname: 0
    });
}

Czyli tworzysz zmienną, w której zawierasz warunek, od którego uzależniasz sposób sortowania i propertisy przesyłane w obiekcie do metody setState.