I haven’t jumped into state in functional components yet. But I am learning about state in class components.
When building a class in React, it’s helpful to extend (in C# we call this an override (inheritance)) React.Component
. In order to pass arguments (props
) to this class though, you must pass the props into the class constructor
as well as into the parent (React.Component
). That’s accomplished by using the super
keyword.
The nice thing about state in a React class, is that it’s asynchronous out of the box. We can set off a task in the constructor and when you have a callback function that’s tied to this.setState
, React will automatically recall the render
method and update the state of that component. See my example below: