钩子没有正确更新状态[重复]

Question

您好，我试图在反应中设置状态，但它们没有正确更新，我有：

const [campusName, setCampusName] = useState("");
const [assists, setAssists] = useState({
    name:"",
    hour: "",
    day: "",
    month: "",
    year: "",
    studentid: "",
});

const [date, setDate] = useState({
    day: "",
    month: "",
    year: "",
    hour: "",
});

useEffect(()=>{
getData();
}, [])

const getData = async() =>{

    //campus name
    const campusResponse = await fetch("http://localhost:2000/info/campus/"+params.campusid);
    const campusData = await campusResponse.json();
    setCampusName(campusData.name);

    //date
    const date = new Date();   

    setDate({
        day: date.getDate(),
    month: date.getMonth()+1,
    year: date.getFullYear(),
    hour: `${date.getHours()}:${date.getMinutes()}`,
    });

    settingAssistence();
}

const settingAssistence = () => {
    setAsists({
        name: campusName,
        campusid: params.campusid,
        hour: date.hour,
        day: date.day,
        month: date.month,
        year: date.year,
        studentid: params.studentid,
    })

    console.log("result", asissts);
}

console.log 将协助对象打印为空，但如果我刷新页面 3 次它可以工作，我如何才能正确设置状态？使用 http://localhost:2000/info/campus/ 获取也很有效，并给了我正确的数据，但是当我将它设置到钩子中时没有正确更新。

Answer 1

只需在您的 UI 中添加一个小按钮即可记录助攻状态。 Hooks 会花时间执行，如果您在设置状态后立即记录结果，则不会显示实际值。