在我的React組件中，我有以下代碼：
const [utilData, setUtilData] = useState([] ) 。
useEffect(() => {
ws.current.onmessage = e =>/span> {
const data = JSON.parse（e.data）。
console.log("data: ",data)。
setUtilData(data)
};
}, []);
資料的console.log回傳以下資訊，這些資訊應該存盤在utilData狀態中。
[
{
"env_name"。"the-matrix",
"score_one": 24,
"記憶體": 1024,
"cpu_temp": 66.4。
}
我不確定的問題是，我看不到我做錯了什么，當我試圖使用.map陣列方法在utilData上訪問每個屬性時，即：
return (
<div>
{
utilData.map((data, i) => (
<span>{data.env_name}</span>/span>
))
}
</div>)
)
我得到的是錯誤。型別錯誤：utilData.map不是一個函式，不知道為什么
。uj5u.com熱心網友回復：
更新回傳下面的片段，因為最初utildata可能是空的
。return (
<div>
{
utilData ? utilData.map((data, i) => (
<span>{data.env_name}</span>
)) : null
}
</div>
)
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/313041.html
標籤：
上一篇：在列中連續相同值后替換值
下一篇：安卓進度條顯示在頁面內容后面