我正在嘗試從另一個組件的某些卡中回傳此提取的資料，但出現以下錯誤：
TypeError：n.map 不是函式。
我想這是因為異步/等待，但我不知道如何解決它。
非常感謝
export default function Container(){
const [flights, getNewFlights] = useState({});
const user = sessionStorage.getItem("username");
const tipouser = sessionStorage.getItem("TipoUser");
const APT = sessionStorage.getItem("Base");
const Fecha = sessionStorage.getItem("Fecha");
const fetchFlights = async () => {
try {
const flightsData = await $.ajax({
url: "https://listVuelos.php",
type: 'POST',
data: {
APT,
Fecha
}
})
getNewFlights(JSON.parse(flightsData))
} catch (err) {
console.log("Da error")
}
};
useEffect(() => {
fetchFlights()
const interval = setInterval(() => {
fetchFlights()
}, 100000)
return () => interval
}, []);
return(
<Fragment>
<div className="div_container">
{ flights?.map ( f => <IndexCards data={f}></IndexCards> )}
</div>
</Fragment>
);
}
uj5u.com熱心網友回復：
您不能在物件上使用 map 函式來克服問題，您可以執行以下操作：
Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, newValue]))
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/442717.html
標籤：javascript 反应 异步 异步等待
上一篇：如何獲取大型子域串列的回應狀態？
下一篇：在渲染DOM之前加載異步資料