墨色風(fēng)雨
2023-06-09 14:46:02
嗨,所以我不確定為什么我的掛鉤中的項目被覆蓋并且只有最后一個值保留在其中。直到我循環(huán)遍歷 xml 為止,一切正常。鉤子setCampgrounds()沒有保存所有迭代。我本以為...campgrounds傳播會復(fù)制上一次迭代,這樣它就不會被覆蓋。循環(huán)中有什么我不理解的東西,或者將這些項目保存在我的露營地掛鉤中的正確方法是什么?const [campgrounds, setCampgrounds] = useState([]); useEffect(() => { url = some url... axios.get(url) .then(res => res.data) .then((str) => { let newXML = new DOMParser().parseFromString(str, "text/xml"); let results = newXML.getElementsByTagName("result"); for (let i = 0; i < results.length; i++) { setCampgrounds([...campgrounds, { facilityID: results[i].getAttribute("facilityID"), facilityName: results[i].getAttribute("facilityName"), contractID: results[i].getAttribute("contractID") }]); } }) .catch(err => { console.log(err); }) }, []);
1 回答

阿波羅的戰(zhàn)車
TA貢獻1862條經(jīng)驗 獲得超6個贊
問題
campgrounds
對于您要排隊的每個狀態(tài)更新,當前狀態(tài)值都是相同的,因此每個更新都會被下一個更新覆蓋,最后一個設(shè)置狀態(tài)的更新是持續(xù)存在的更新。
解決方案
使用功能狀態(tài)更新對每個更新進行排隊。每個入隊更新都使用前一個更新的結(jié)果狀態(tài)。
功能更新
const [campgrounds, setCampgrounds] = useState([]);
...
for (let i = 0; i < results.length; i++) {
? setCampgrounds(campgrounds => [
? ? ...campgrounds,
? ? {
? ? ? facilityID: results[i].getAttribute("facilityID"),
? ? ? facilityName: results[i].getAttribute("facilityName"),
? ? ? contractID: results[i].getAttribute("contractID")
? ? }
? ]);
}
添加回答
舉報
0/150
提交
取消