Class instances are objects and it's the objects that have state. Functions can only abuse themselves as objects to store state. function johnson() { johnson.s

Class instances are objects and it's the objects that have state. Functions can only abuse themselves as objects to store state. function johnson() { johnson.state = {}; } This is however shared state and the state will be reset whenever the function is called a second time. So what you normally do with a function is to pass the state via arguments and now the same function can work with different states. React could totally do this via props or as a second argument. function Johnson(props, state) {} Instead they changed the laws of functions so that a function can act different the first time it is called and also be called the first time multiple times if and when the function calls a functions that looks like JavaScript but follow different rules [1]. This is weird. [1] https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at...