How do react hooks determine which component they belong to?

Question

JavaScript

I’m studying React and the question haunts me: how do useEffect or custom hooks understand which component they belong to and which component needs to be redrawn when the state changes? If the hook is not connected in any way to the component function, but is simply called inside it (if connected, how does this happen?). If possible, answer in detail, well, or with pseudo-code examples.

Answer 1

Firstly, it stores a Map where the keys are the components and the values ​​are their states
Secondly, it stores a shared link to the current state: https://github.com/facebook/react/blob/main/packag...
Well, probably there is a stack of states (I didn’t dig deep into their sources, but I would do it that way)
Before calling the component function, we send the current state to the stack, in its place we get the state for the required component from the Map , exit, we restore the state for the parent component from the stack.
When running the hook, we simply get the current state and work with it: https://github.com/facebook/react/blob/main/packag...

Answer 2

do you know how to speak english?