Here is what happens when you try to fetch data directly from the body of a functional component in React 👇 Why does this happen and what tools does React offer to solve this problem? Side effects If your React component affects anything outside of itself, it’s called a side effect. Side effects shouldn’t happen during component render. Therefore they do not belong to the body of a functional com
![A Visual Guide to useEffect](https://cdn-ak-scissors.b.st-hatena.com/image/square/090aac1654c9ca5a701151b2a30e29513386031d/height=288;version=1;width=512/https%3A%2F%2Falexsidorenko.com%2Fog%2Fuseeffect.png)