title: How request API data in React only one time and not render the page every time that is visited?
body: <p>So in websites with multiple pages, where which one makes use of external data from an API, what is the best logical way to make the request only one time, when the page is loaded for the first time? So, for example, I go to the page ABOUT (using React Router) for the first time and it makes the Axios request and loads the data, then I change to the HOME page, and when I go back to ABOUT it does not load the data again.</p>
  <p>Because what I currently do is a request every time the page loads and that's very clunky for user experience. I make the requests using Axios in the <code>componentDidMount</code> method.
  Can React Hooks with Context API help to solve this?</p>
  <p>I have seen this post, but remain confused:
  <a href="https://stackoverflow.com/questions/59953643/react-rerender-every-time-page-is-visited">React rerender every time page is visited</a></p>
  <p>Thanks in advance, sry if I couldn't be clearer!</p>