求助：useState在useEffect中更新状态后无法获取最新值

React里useState的更新是异步批量处理的，调用setGameCards之后，组件不会马上重新渲染，当前代码块里的game_cards还是更新前的旧值（也就是初始的空数组），所以你紧接着访问game_cards.length得到的自然是0。

根据你的需求，有两种实用的处理方式：

1. 直接用快照里的新数据 #

既然snapshot.val()就是你要赋值给game_cards的新数据，直接拿它的长度就行：

onValue(query,(snapshot)=>{
    setIsLoading(false);
    const newCards = snapshot.val();
    setGameCards(newCards);
   
    alert(newCards.length); // 这里用新数据的length
    alert(newCards);
});

2. 用useEffect监听状态变化 #

如果需要在game_cards真正更新完成后执行后续逻辑，可以加个专门监听game_cards的useEffect：

// 新增这个useEffect
useEffect(() => {
    // 只有当game_cards更新后，这里才会触发
    if(game_cards.length > 0) {
        alert(game_cards.length);
        // 其他需要基于最新game_cards的操作都可以放这
    }
}, [game_cards]); // 依赖数组里加上game_cards，状态变化就触发

• setId用const声明就行，它不会被重新赋值，符合变量声明的最佳实践；
• 如果你只需要从数据库获取一次数据，建议用get方法替代onValue，onValue是实时监听数据变化的，会在数据更新时重复触发，没必要的话用get更合适：

import { get } from "firebase/database";

function loadCards () {
    setIsLoading(true);
    const db = getDatabase();
    const query = ref(db,"sets/"+setId);
    get(query).then((snapshot)=>{
        setIsLoading(false);
        const newCards = snapshot.val();
        setGameCards(newCards);
        alert(newCards.length);
    }).catch((error) => {
        // 别忘了处理错误情况
        setIsLoading(false);
        console.error('加载卡片失败:', error);
    });
}

内容的提问来源于stack exchange，提问作者Ziad Ahmed