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;
If
response
is valid object with required properties you can display asIf the response contains data as this : https://covid19.mathdro.id/api
然后,您可以这样做: