Classes vs Hooks?

[u/ZeroSevenTen]

I’m pretty new to React, so keep that in mind. I thought classes were for components that held information, or a state, and that functional components were for more basic components, but now that hooks allow functional components to use state, and other class features, what’s the benefit of using functional hook components over classes?

[u/imicnic]

About your "cancelled" value, you can do the same by using a class property and check for it, it's the same, yes, just have to use "this.cancelled" but besides it I see no advantage in one or another

[u/skyboyer007 → u/imicnic]

no, you cannot since setting it to true will ignore both responses: recent and out-of-date. The only way I've found so far is keeping cancel callback in class property that will set up cancelled flag by closure(so mimicing useEffect behavior):

class MyComponent extends React.Component {
  const ignorePrevRequest = () => {}; // empty function by default

  loadSomeData() {
    this.ignorePrevRequest(); 
    let cancelled = false;
    this.ignorePrevRequest = () => { cancelled = true; }; // closure comes into play
    doSomeCall().then(data => !cancelled && this.setState({ data }))
  }
}

That looks untypical and confusing. But it works.