我正在尝试加载一个函数5个可以执行某些任务并返回响应的函数，因此该钩子具有对象数据类型
const [Load, SetLoad] = useState({
Group : true,
Workshop : true,
Event : true,
Talk: true,
Project: true
})
现在我试图调用该函数并使用useEffect钩子更新状态
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，其余部分保持默认值，因此任何人都可以帮助修复和更新状态对象的所有项
您应该使用功能更新。例如
SetLoad(Load=>({...Load, Workshop: false}))
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句