假設有多個設備連接在后端,數量不定,需要按個讀回狀態,那么就要在循環里fetch了.

此函數非常好用,來自于國內一個作者,時間久了,忘記了來源,抱歉.

export default async function fetchWithTimeout(resource, options = {}) {const { timeout = 1000 } = options;const controller = new AbortController();const id = setTimeout(() => controller.abort(), timeout);const response = await fetch(resource, {...options,signal: controller.signal,});clearTimeout(id);return response;}

使用:?

? try {for (let i = 0; i < autowindownum.length; i++) {const sth = await getAutoWindow(serverAddress,storeInfo.devicenum,autowindownum[i],storeInfo.deviceip);console.log(sth.result);setAutoWindow((old) => [...old,{num: autowindownum[i],img: getAutoWindowImage(sth.result[9]),statu: getAutoWindowStatu(sth.result[9]),},]);}} catch (error) {console.log("error-----------", error);}

export async function getAutoWindow(serverAddress, devicenum, channelNum, deviceip) {//console.log(serverAddress, devicenum, channelNum, deviceip);const options = {method: "GET",headers: {Accept: "application/json","Content-Type": "application/json",},timeout: 3000,};const res = await fetchWithTimeout(`${serverAddress}/api/v1/measure/autowindow?devicenum=${devicenum}&&channelnum=${channelNum}&&deviceip=${deviceip}`,options);const data = await res.json();// console.log(data);return data;
}