reactjs - 我面临设置功能钩子(Hook)状态的问题

Question

我正在尝试加载一个函数 5 个函数，该函数将执行某些任务并返回响应，因此 Hook 具有对象数据类型

const [Load, SetLoad] = useState({
    Group : true,
    Workshop : true,
    Event : true,
    Talk: true,
    Project: true
})

现在我尝试调用该函数并使用 useEffect Hook 更新状态

useEffect(() => {
AllGroup().then(res => {
    SetLoad({...Load, Group: false})   
}).catch(err => {
    console.log(err.response)
})


AllProject().then(res => {
    SetLoad({...Load, Project: false})   
}).catch(err => {
    console.log(err.response)
})

AllTalk().then(res => {
    SetLoad({...Load, Talk: false})   
}).catch(err => {
    console.log(err.response)
 })

AllEvent().then(res => {
    SetLoad({...Load, Event: false})   
}).catch(err => {
    console.log(err.response)
})

AllWorkshop().then(res => {
    SetLoad({...Load, Workshop: false})   
}).catch(err => {
     console.log(err.response)
})
},[]);

现在我面临的问题是状态对象中只有一项变成了 false，其余的仍然是默认值，所以任何人都可以帮助修复和更新状态对象的所有项目

Answer 1

您应该使用功能更新。例如

SetLoad(Load=>({...Load, Workshop: false}))