从响应ReactJS获取单个字段

I am doing a little trial and error react practice on a real-time COVID 19 API data from https://covid19.mathdro.id/api

到目前为止,我已经能够从console.log(response)获取响应,但是尽管我试图将确认值显示在div标签上,但它给了我一个错误。如何从响应中获取各个字段,如恢复,确认,死亡和lastUpdate?谢谢,这是代码:

   App.js

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

import socketIOClient from 'socket.io-client'

const ENDPOINT = "http://localhost:4000";

export const App = () => {
  const [response,setResponse] = useState("");


  useEffect(() => {
    const socket = socketIOClient(ENDPOINT);
    socket.on("CovidAPI", data => {setResponse(data);
    });
  }, []);

           return (
              <div style={{textAlign: "center"}}>
               <div>{console.log(response)}</div>
            </div>
          )
        }

    export default App;