Let's say you used Axios directly in your components. That means every component needs to (1) set up its own state to track the request status (like whether it's loading, errored, the latest payload, etc.) and (2) set up its lifecycle hooks to kick off the request at the appropriate times, update the component's state, etc.

Do this a few times and you'll notice things becoming very repetitive. So naturally you look for a way to factor that out.

A higher-order component (basically a function that generates a component with all that boilerplate) is one option. Another option is what you see here – Hooks.