For Question --> https://stackoverflow.com/questions/62029882/how-to-map-over-a-response-from-a-rest-call#62029882. You can see the execution here -> https://bit.ly/stackoverflow-react-first-repl. I would recommend and illustrate using the useState hook only.

code-for-using-useState-in-axios-React.jsx

import React, { useEffect, useState } from 'react';
import axios from 'axios';

const App = () => {
  let [list, setList] = useState(<>LOADING</>);


  useEffect(() => {
	  // You can use your link here
	  // I have created corsenabled.herokuapp.com just to bypass the CORS issue. It's only for testing and educational purpose only. No intention to infringe any copyrights or other legal matters
	  // I have used jsonplaceholder.typicode.com as an example
    axios.get('https://corsenabled.herokuapp.com/get?to=https://jsonplaceholder.typicode.com/posts')
      .then(response => {
        let tempData = response.data;
		let anotherData = tempData.map(data => {
			return (<div>{data.userId}<br/>{data.id}<br/>{data.title}<br/>{data.body} <br/><br/></div>)
			})
		// tempData = tempData.map(data => <div> {JSON.stringify(data)} </div>)
		console.log(tempData)
		setList(anotherData)
      })
      .catch(error => {
        console.log(error)
      })
  }, [])

  return (
    <>
      <div className='container'>
        <div className='row'>
          {
            list
          }
        </div>
      </div>
    </>
  );
}

export default App;