ReactJS - access this.props within a promise

Question

I have a static method which returns a promise:

static getInfo(ID)
 { return new Promise((resolve, reject) => {   
    api.getList(ID)
      .then((List) => {
        resolve(Info);
      })
      .catch((error) => {
        // here I need to access this.props which is undefined
        console.log(this.props);

      });
     .catch(reject);
   });
 }

this.props is undefined within the promise. how can I access it?

this would be scoped to the promise and not the this.props try var self = this before calling the method — Fadi Abo Msalam, Apr 10 '18 at 09:07
@FadiAboMsalam: No, the functions above are arrow functions. (And `this` != "scope") — T.J. Crowder, Apr 10 '18 at 09:07
https://stackoverflow.com/questions/23803743/what-is-the-explicit-promise-construction-antipattern-and-how-do-i-avoid-it — Benjamin Gruenbaum, Apr 10 '18 at 09:25

score 2 · Accepted Answer · answered Apr 10 '18 at 09:13

As mentioned in a comment on the question, you are using this inside a static method which by definition is not associated with an instance (and hence, this wont be pointing to a component instance).

You can either:

Make it an instance method by removing static
OR, Pass the props/component instance as an argument to the method.

static getInfo(ID,props){...}

Component.getInfo(ID, this.props) //In your component where this.props is available

ReactJS - access this.props within a promise

1 Answers1